<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
* name:Global &amp;&amp; Pc StyleSheet
* version:v3.4.2
* update:添加百度地图容器样式；默认隐藏百度分享的触控弹层
* date:2017-08-11
*/
.row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row&gt;[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row&gt;.span-1{width:7.33333333%}.row&gt;.span-2{width:15.66666667%}.row&gt;.span-3{width:24%}.row&gt;.span-4{width:32.33333333%}.row&gt;.span-5{width:40.66666667%}.row&gt;.span-6{width:49%}.row&gt;.span-7{width:57.33333333%}.row&gt;.span-8{width:65.66666667%}.row&gt;.span-9{width:74%}.row&gt;.span-10{width:82.33333333%}.row&gt;.span-11{width:90.66666667%}.row&gt;.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row&gt;[class*='span']{float:left}.full-row&gt;.span-1{width:8.33333333%;*width:8.22333333%}.full-row&gt;.span-2{width:16.66666667%;*width:16.55666667%}.full-row&gt;.span-3{width:25%;*width:24.89%}.full-row&gt;.span-4{width:33.33333333%;*width:33.22333333%}.full-row&gt;.span-5{width:41.66666667%;*width:41.55666667%}.full-row&gt;.span-6{width:50%;*width:49.89%}.full-row&gt;.span-7{width:58.33333333%;*width:58.22333333%}.full-row&gt;.span-8{width:66.66666667%;*width:66.55666667%}.full-row&gt;.span-9{width:75%;*width:74.89%}.full-row&gt;.span-10{width:83.33333333%;*width:83.22333333%}.full-row&gt;.span-11{width:91.66666667%;*width:91.55666667%}.full-row&gt;.span-12{width:100%;*width:99.89%}.row&gt;.pull-right,.full-row&gt;.pull-right{float:right}.row&gt;.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row&gt;.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%}
@media only screen and (max-width:1024px){.row&gt;.midd-1{width:7.33333333%}.row&gt;.midd-2{width:15.66666667%}.row&gt;.midd-3{width:24%}.row&gt;.midd-4{width:32.33333333%}.row&gt;.midd-5{width:40.66666667%}.row&gt;.midd-6{width:49%}.row&gt;.midd-7{width:57.33333333%}.row&gt;.midd-8{width:65.66666667%}.row&gt;.midd-9{width:74%}.row&gt;.midd-10{width:82.33333333%}.row&gt;.midd-11{width:90.66666667%}.row&gt;.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row&gt;.midd-1{width:8.33333333%}.full-row&gt;.midd-2{width:16.66666667%}.full-row&gt;.midd-3{width:25%}.full-row&gt;.midd-4{width:33.33333333%}.full-row&gt;.midd-5{width:41.66666667%}.full-row&gt;.midd-6{width:50%}.full-row&gt;.midd-7{width:58.33333333%}.full-row&gt;.midd-8{width:66.66666667%}.full-row&gt;.midd-9{width:75%}.full-row&gt;.midd-10{width:83.33333333%}.full-row&gt;.midd-11{width:91.66666667%}.full-row&gt;.midd-12{width:100%}}@media only screen and (max-width:992px){.row&gt;.smidd-1{width:7.33333333%}.row&gt;.smidd-2{width:15.66666667%}.row&gt;.smidd-3{width:24%}.row&gt;.smidd-4{width:32.33333333%}.row&gt;.smidd-5{width:40.66666667%}.row&gt;.smidd-6{width:49%}.row&gt;.smidd-7{width:57.33333333%}.row&gt;.smidd-8{width:65.66666667%}.row&gt;.smidd-9{width:74%}.row&gt;.smidd-10{width:82.33333333%}.row&gt;.smidd-11{width:90.66666667%}.row&gt;.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row&gt;.smidd-1{width:8.33333333%}.full-row&gt;.smidd-2{width:16.66666667%}.full-row&gt;.smidd-3{width:25%}.full-row&gt;.smidd-4{width:33.33333333%}.full-row&gt;.smidd-5{width:41.66666667%}.full-row&gt;.smidd-6{width:50%}.full-row&gt;.smidd-7{width:58.33333333%}.full-row&gt;.smidd-8{width:66.66666667%}.full-row&gt;.smidd-9{width:75%}.full-row&gt;.smidd-10{width:83.33333333%}.full-row&gt;.smidd-11{width:91.66666667%}.full-row&gt;.smidd-12{width:100%}}@media only screen and (max-width:760px){.row&gt;.smal-1{width:7.33333333%}.row&gt;.smal-2{width:15.66666667%}.row&gt;.smal-3{width:24%}.row&gt;.smal-4{width:32.33333333%}.row&gt;.smal-5{width:40.66666667%}.row&gt;.smal-6{width:49%}.row&gt;.smal-7{width:57.33333333%}.row&gt;.smal-8{width:65.66666667%}.row&gt;.smal-9{width:74%}.row&gt;.smal-10{width:82.33333333%}.row&gt;.smal-11{width:90.66666667%}.row&gt;.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row&gt;.smal-1{width:8.33333333%}.full-row&gt;.smal-2{width:16.66666667%}.full-row&gt;.smal-3{width:25%}.full-row&gt;.smal-4{width:33.33333333%}.full-row&gt;.smal-5{width:41.66666667%}.full-row&gt;.smal-6{width:50%}.full-row&gt;.smal-7{width:58.33333333%}.full-row&gt;.smal-8{width:66.66666667%}.full-row&gt;.smal-9{width:75%}.full-row&gt;.smal-10{width:83.33333333%}.full-row&gt;.smal-11{width:91.66666667%}.full-row&gt;.smal-12{width:100%}}

/*挂件分页样式*/
.util-page{ font-size:0; color: #000; text-align: center;}
.util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff; font-size:16px ;font-weight:normal; }
.util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#3cabff;}
.util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; }
.util-page .gobutton .ion{ font-size: .8em;}
.util-page .count { margin-left:10px; color:#000; background:none; border:none; }
.util-page span.jump{ background: none; color: #000;display: inline-block; margin: 0 7px; vertical-align: top;  }
.util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background: none; border: none;color: #000; font-size: 14px; }
.util-page .jumpto_inp{ width: 40px; text-align: center; height: 37px; line-height: 37px; vertical-align: top; }

/*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/
.BdMapArea { margin:0 auto 55px; max-width:1200px; }
.BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; }
.BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; }
@media only screen and (max-width:760px) {
	.BdMapArea { display:none; }
}

/*默认隐藏百度分享触控弹层*/
.bdshare_popup_box { display:none!important;}

/* 雪碧图 */
/* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */
.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/ico.png);
	*text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;}
.ico:before {content:'\3000';}
.ico1_2 { background-position:-20px 0;}
.ico1_3 { background-position:-40px 0;}
.ico1_4 { background-position:-60px 0;}
.ico1_5 { background-position:-80px 0;}
.ico2_1 { background-position:0 -20px;}
.ico2_2 { background-position:-20px -20px;}
.ico2_3 { background-position:-40px -20px;}
.ico2_4 { background-position:-60px -20px;}
.ico2_5 { background-position:-80px -20px;}
.ico3_1 { background-position:0 -40px;}
.ico3_2 { background-position:-20px -40px;}
.ico3_3 { background-position:-40px -40px;}
.ico3_4 { background-position:-60px -40px;}
.ico3_5 { background-position:-80px -40px;}
.ico4_1 { background-position:0 -60px;}
.ico4_2 { background-position:-20px -60px;}
.ico4_3 { background-position:-40px -60px;}
.ico4_4 { background-position:-60px -60px;}
.ico4_5 { background-position:-80px -60px;}
/* 常量设置 */
.wrap { width:83.33%; margin-right:auto; margin-left:auto;}
.mwrap { max-width:1366px; margin-right:auto; margin-left:auto;}
html{font-size:100px;}
.nomove{overflow:hidden; -ms-overflow-x:hidden; -ms-overflow-y:hidden;}

/*对ie8设置最小宽度，防止页面错乱*/
/*for ie8*/
body{min-width:1240px\9; overflow-x:auto;}
/*for ie9+*/
@media all and (min-width:0){
	body{min-width:0; overflow-x:hidden;}
}
body{font-size:0.16rem; line-height:1.6; color:#000; background:#fff;}
a{color:inherit;}
a:hover { color:#2c69c1;}
::-moz-selection {color:#fff; background:#2c69c1; }
::selection {color:#fff; background:#2c69c1; }
::-webkit-input-placeholder { color:#aaa; } 
.placeholder { color:#aaa;}
/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#2c69c1; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/* 网站样式 */
/* 头部 */
.header{position:fixed; left:0; top:0; width:100%; z-index:50; transition:all .5s ease; border-bottom:1px solid rgba(255,255,255,0.4);}

.header .h_logo{padding-top:0.29rem;}
.header .h_logo a{width:1.63rem; display:block;}
.header .h_logo a .img01{display:block;}
.header .h_logo a .img02{display:none;}

/* 导航 */
.header .inav_wrapper .inav_li{ padding:0 0.32rem; float:left; position:relative;}
.header .inav_wrapper .inav_li .inav_a{font-size:0.17rem; line-height:0.29rem; color:#fefefe; transition:all .5s ease; display:block; padding:0.39rem 0 0.31rem;}

.header .inav_wrapper .inav_li .inav_down{position:absolute; width:120%; left:-10%; left:50%; transform:translateX(-50%); top:100%; display:none; box-shadow:0px 7px 15px 0px rgb(0 0 0 / 10%);}
.header .inav_wrapper .inav_li .inav_down ul{padding:0 0.1rem; box-sizing:border-box; position:relative; background:#fff; border-radius:5px;}
.header .inav_wrapper .inav_li .inav_down ul li{text-align:center; transition:.5s ease; color:#333; line-height:0.5rem; cursor:pointer; font-size:0.15rem; border-bottom:1px solid #dddada;}
.header .inav_wrapper .inav_li .inav_down ul li:hover{color:#2c69c1;}
.header .inav_wrapper .inav_li .inav_down ul li:last-child{border-bottom:0;}





.channel-content{min-height:3rem;}


/* tools */
.header .h_tools{padding:0.35rem 0 0.24rem; padding-left:0.3rem;}

/* 搜索 */
.header .h_tools .h_search{cursor:pointer; padding-right:0.35rem; position:relative;}
.header .h_tools .h_search::after{content:''; position:absolute; right:0; top:5px; bottom:5px; width:1px; background:rgba(255,255,255,0.4);}
.header .h_tools .h_search .iconfont{font-size:0.2rem; line-height:0.2rem; margin:0; padding:0; display:block; padding:0.1rem; background:rgba(255,255,255,0.4); border-radius:50%; color:#fff;}

.search-alert{position:absolute; left:0; top:-100%; width:100%; height:100%; background:#fff; z-index:98; transition:all 0.5s ease;}
.search-alert .content{width:80%; margin:0 auto; position:relative;}
.search-alert .cent-form {padding:0.3rem 0; height:0.4rem; line-height:0.4rem; float:left; width:86%; text-align:center;}
.search-alert .cent-form .inp {display:inline-block; border:none; font-size:16px; height:0.4rem; line-height:0.4rem; width:calc(60% - 50px); text-align:left; box-sizing:border-box; background:none; padding:0; vertical-align:middle; border-bottom:1px solid #000;}
.search-alert .cent-form button{background:none; outline:none; border:none; display:inline-block; vertical-align:middle; margin-left:20px;}
.search-alert .cent-form .iconfont{font-size:0.3rem; line-height:0.4rem; margin:0; padding:0; display:block; color:#000000; padding:0; font-weight:bold;}
.search-alert.active{top:0;}

/* 右侧导航 */
.header .h_tools .h_menu{cursor:pointer; }
.header .h_tools .h_menu .iconfont{font-size:0.24rem; line-height:0.21rem; margin:0; padding:0; display:block; color:#fff; padding-top:0.13rem;}

.right_nav .cover{position:fixed; top:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); z-index:60; transition:all 0.5s; opacity:0; visibility:hidden;}
.right_nav .close{text-align:right; cursor:pointer; margin-bottom:30px;}
.right_nav .content{position:fixed; right:-100%; top:0; width:16%; height:100%; z-index:100; background:#fff; transition:all 0.5s; overflow-y:auto; padding:50px 20px; box-sizing:border-box;}
.right_nav .content ul li{padding:0 20px; line-height:32px; font-size:16px; color:#000; margin-bottom:10px;}
.right_nav.active .cover{opacity:1; visibility:visible;}
.right_nav.active .content{right:0;}
.right_nav .content .sun_com {margin-top:0.4rem;}
.right_nav .content .sun_com ul li{position:relative; color:#666666; border:1px solid #666; padding:0.05rem 0.1rem; }
/* .right_nav .content .sun_com ul li::after{content:''; position:absolute; left:0; bottom:0; width:40%; height:1px; background:#666666;} */
.right_nav .content .sun_com ul li.li_first{font-size:0.2rem; color:#000000; border:0;}
/* .right_nav .content .sun_com ul li.li_first::after{display:none;} */

/* vr */
.header .h_tools .h_vr{cursor:pointer; padding-top:0.08rem; margin-left:0.3rem; margin-right:0.25rem;}
.header .h_tools .h_vr .icon{width:0.3rem; height:0.29rem; background:url(../img/h_vr01.png) no-repeat center/cover; display:inline-block; vertical-align:middle; }
.header .h_tools .h_vr .t{font-size:0.17rem; line-height:0.29rem; color:#fefefe; transition:all .5s ease; display:inline-block; vertical-align:middle; margin-left:0.1rem;}

/* 语言版本 */
.header .h_tools .h_lan{padding:0.1rem 0.2rem 0; position:relative;}
.header .h_tools .h_lan .icon{width:0.23rem; height:0.23rem; background:url(../img/h_lan.png) no-repeat center/cover;}

/* 蒙层 */
.header_cover{position:fixed; left:0; top:0; width:100%; height:100%; background:url(../img/black.6.png); display:none; transition:all .5s ease; z-index:39;}


/* 语言版本下拉 */
.header .h_tools .h_lan .lan_down{position:absolute; top:100%; width:1.2rem; left:50%; transform:translate(-50%,0); display:none; padding-top:0.4rem; }
.header .h_tools .h_lan .lan_down ul{padding:0.2rem; box-sizing:border-box; position:relative; background:#ffffff;}
.header .h_tools .h_lan .lan_down ul::before{content:''; position:absolute; top:0; left:50%; transform:translate(-50%,-100%); border-top:10px solid transparent; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:10px solid #fff;}
.header .h_tools .h_lan .lan_down li{font-size:0.16rem; line-height:0.4rem; height:0.4rem; }
.header .h_tools .h_lan .lan_down li a{display:block;}
.header .h_tools .h_lan .lan_down li a span{position:relative;}
.header .h_tools .h_lan .lan_down li a span::after{content:''; position:absolute; left:0; width:0; bottom:0; height:2px; background:#2c69c1; transition:all .5s ease;}
.header .h_tools .h_lan .lan_down li:hover a span::after{width:120%;}


/* 导航吸顶-白底黑字 */
.header.fixed{background:#fff; box-shadow:0px 4px 9px 0px rgba(10, 2, 4, 0.06);}
.header.fixed .h_logo a .img02{display:block;}
.header.fixed .h_logo a .img01{display:none;}
.header.fixed .inav_wrapper .inav_li .inav_a{color:#000000;}
.header.fixed .inav_wrapper .inav_li:hover .inav_a{color:#2c69c1;}
.header.fixed .h_tools .h_search::after{background:#d2d4d6;}
.header.fixed .h_tools .h_search .iconfont{background:#d1d1d1;}
.header.fixed .h_tools .h_search:hover .iconfont{color:#2c69c1;}
.header.fixed .h_tools .h_menu .iconfont{color:#2c69c1;}
.header.fixed .h_tools .h_vr .icon{background:url(../img/h_vr02.png) no-repeat center/cover;}
.header.fixed .h_tools .h_vr .t{color:#2c69c1;}
.header.fixed .h_tools .h_lan .icon{background:url(../img/h_lan_on.png) no-repeat center/cover;}

.header.cur{background:#fff; box-shadow:0px 4px 9px 0px rgba(10, 2, 4, 0.06);}
.header.cur .h_logo a .img02{display:block;}
.header.cur .h_logo a .img01{display:none;}
.header.cur .inav_wrapper .inav_li .inav_a{color:#000000;}
.header.cur .inav_wrapper .inav_li:hover .inav_a{color:#2c69c1;}
.header.cur .h_tools .h_search::after{background:#d2d4d6;}
.header.cur .h_tools .h_search .iconfont{background:#d1d1d1;}
.header.cur .h_tools .h_search:hover .iconfont{color:#2c69c1;}
.header.cur .h_tools .h_menu .iconfont{color:#2c69c1;}
.header.cur .h_tools .h_vr .icon{background:url(../img/h_vr02.png) no-repeat center/cover;}
.header.cur .h_tools .h_vr .t{color:#2c69c1;}
.header.cur .h_tools .h_lan .icon{background:url(../img/h_lan_on.png) no-repeat center/cover;}


/* 导航触控-白底黑字 */
.header:hover{background:#fff; box-shadow:0px 4px 9px 0px rgba(10, 2, 4, 0.06);}
.header:hover .h_logo a .img02{display:block;}
.header:hover .h_logo a .img01{display:none;}
.header:hover .inav_wrapper .inav_li .inav_a{color:#000000;}
.header:hover .inav_wrapper .inav_li:hover .inav_a{color:#2c69c1;}
.header:hover .h_tools .h_search::after{background:#d2d4d6;}
.header:hover .h_tools .h_search .iconfont{background:#d1d1d1;}
.header:hover .h_tools .h_search:hover .iconfont{color:#2c69c1;}
.header:hover .h_tools .h_menu .iconfont{color:#2c69c1;}
.header:hover .h_tools .h_vr .icon{background:url(../img/h_vr02.png) no-repeat center/cover;}
.header:hover .h_tools .h_vr .t{color:#2c69c1;}
.header:hover .h_tools .h_lan .icon{background:url(../img/h_lan_on.png) no-repeat center/cover;}

/* 手机端相关 */
.header .mobile_key{display:none;}
.header .mNav{display:none;}
.top-nav{display:none;}

/* 底部 */
.footer{background:#1b2229;}
.footer .f_top{padding:0.6rem 0 0.35rem; border-bottom:1px solid rgba(255,255,255,0.3);}
.footer .f_top .t_left{width:30%; float:left;}
.footer .f_top .t_left .share_box{padding:0.25rem 0;}
.footer .f_top .t_left .share_box a{background:rgba(255,255,255,0.4); border-radius:5px; display:inline-block; position:relative;}
.footer .f_top .t_left .share_box a::after{content:''; position:absolute; left:50%; right:50%; top:50%; bottom:50%; background:rgba(255,255,255,0.1); transition:all .3s ease; border-radius:5px;}
.footer .f_top .t_left .share_box a i{font-size:20px; line-height:20px; color:#333; margin:0; padding:8px; display:inline-block;}
.footer .f_top .t_left .share_box a:hover::after{left:0; right:0; top:0; bottom:0;}
.footer .f_top .t_left .contact{font-size:16px; line-height:30px; color:#808080;}
.footer .f_top .t_left .contact .addr{white-space:nowrap;}
.footer .f_top .t_right{width:64%; float:right;}
.footer .f_top .t_right dl{float:left; width:21.7%; margin-right:0.3%;}
.footer .f_top .t_right dl:last-child{margin-right:0; width:12%;}
.footer .f_top .t_right dl dt{font-size:0.2rem; line-height:0.3rem; color:#fff; text-transform:uppercase; margin-bottom:0.15rem; }
.footer .f_top .t_right dl dd{font-size:15px; line-height:0.24rem; color:#959595; text-transform:uppercase; padding-bottom:0.1rem;}
.footer .f_bott{line-height:0.76rem; font-size:14px; color:#808080; text-transform:uppercase;}

/* 下层banner */
.xc_banner{position:relative; overflow:hidden; z-index:10;} 
.xc_banner .img img{width:100%;}
.xc_banner .infor{position:absolute; top:calc(50% + 0.6rem); left:0; width:100%; transform:translate(0,-50%);}
.xc_banner.cy .infor{position:absolute; top:50%; left:0; width:100%; transform:translate(0,-50%);}
.xc_banner .infor .tit{color:#fff; text-transform:uppercase;}
.xc_banner .infor .con{margin-top:0.1rem; color:#fff; text-transform:uppercase; width:36%; }



/* 首页 */
/* banner */
.ibanner{height:100vh; position:relative;}
.ibanner .swiper-slide{opacity:0; z-index: 0;}
.ibanner .swiper-slide-prev{opacity:0; transition: opacity 1s ease; z-index: 1;}
.ibanner .swiper-slide-active{opacity:1; transition: opacity 1s ease; z-index: 2;}
.ibanner .swiper-slide-next{z-index: 1;}
.ibanner .swiper-slide .img_box{position:relative; height:100%;}
.ibanner .swiper-slide .img_box img,
.ibanner .swiper-slide .img_box video{width:100%; height:100%; object-fit:cover;}
.ibanner .swiper-slide .img_box video{min-width:100%; width:auto; }

/* 视频遮罩 */
.ibanner .swiper-slide.video_slide .img_box::after{content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index:0;}
.ibanner .swiper-slide .intro_box{position: absolute; top: 50%; left:0; width:100%; margin-top:-1rem; z-index: 10; }
.ibanner .swiper-slide .intro_box .tit{font-size:0.6rem; line-height:0.74rem; color:#fff; font-weight:bold; letter-spacing:0.05em; width:100%;}
.ibanner .swiper-slide .intro_box .con{font-size:16px; margin-top:0.05rem; line-height:0.35rem; color:#fff; letter-spacing:0.07em; width:100%;}
.ibanner .swiper-slide .intro_box .icon{position: relative; margin-top:26px; width:34px; height:20px; overflow:hidden;}
.ibanner .swiper-slide .intro_box .icon img{position: absolute; top:0; right:0; max-width:none; width:34px;}

.ibanner .left-area{position:absolute; top:50%; left:0.35rem; transform:translateY(-50%); z-index: 1;}
.ibanner .left-area .pagination-left .line{width:0.15rem; height:2px; padding:0.07rem 0; transition:all .5s ease; cursor: pointer;}
.ibanner .left-area .pagination-left .line::after{content:""; display: block; width: 100%; height:2px; background:rgba(255,255,255,0.3);}
.ibanner .left-area .pagination-left .line:first-child{margin-top: 0;}
.ibanner .left-area .pagination-left .line.active{width:0.3rem;}
.ibanner .left-area .pagination-left .line.active::after{background:rgba(255,255,255,1);}

/* .ibanner .swiper-container-horizontal&gt;.swiper-pagination{position:absolute; right:1.7%; bottom:5.2%; left:auto; width:30px;}
.ibanner .swiper-container-horizontal&gt;.swiper-pagination .swiper-pagination-bullet{ width:26px; height:26px; background:transparent; border-radius:50%; outline:none; margin:10px; border:1px solid rgba(255, 255, 255,0); position:relative;}
.ibanner .swiper-container-horizontal&gt;.swiper-pagination .swiper-pagination-bullet::after{content:''; position:absolute; left:50%; top:50%; height:6px; width:6px; background:#fff; opacity:0.5; border-radius:50%; transform:translate(-50%,-50%);}

.ibanner .swiper-container-horizontal&gt;.swiper-pagination .swiper-pagination-bullet-active{border:1px solid rgba(255, 255, 255,0.4); }
.ibanner .swiper-container-horizontal&gt;.swiper-pagination .swiper-pagination-bullet-active.swiper-pagination-bullet::after{opacity:1; } */

.ibanner .line_{position:absolute; top:0; width:1px; height:100%; background:rgba(255, 255, 255, 0.4); z-index:2;}
.ibanner .line_01{left:5.2%;}
.ibanner .line_02{right:5.2%;}

.ibanner .r_nav{position:absolute; left:50%; transform:translateX(-50%); bottom:0.4rem; z-index:2; width:64px; }
.ibanner .r_nav .icon{display:block; margin:0 auto; z-index:2; width:23px; height:40px;cursor:pointer;background:url(../img/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite;}
.ibanner .r_nav .icon:after,.r_nav .icon:before{content: "";position: absolute;}
.ibanner .r_nav .icon:before{width:23px;height:40px;background:url(../img/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.ibanner .r_nav .icon:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}

@-webkit-keyframes trackBallSlide {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-8px);
		transform: scale(1) translateY(-8px);
	}
	34% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(4px);
		transform: scale(0.9) translateY(4px);
	}
	68% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(16px);
		transform: scale(0.4) translateY(16px);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-8px);
		transform: scale(0.4) translateY(-8px);
	}

}
@keyframes trackBallSlide {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-8px);
		transform: scale(1) translateY(-8px);
	}
	34% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(4px);
		transform: scale(0.9) translateY(4px);
	}
	68% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(16px);
		transform: scale(0.4) translateY(16px);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-8px);
		transform: scale(0.4) translateY(-8px);
	}
}
@-webkit-keyframes nudgeMouse {
	0% {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
	50% {
	  -webkit-transform: translateY(8px);
	  transform: translateY(8px);
	}
	100% {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
}
@keyframes nudgeMouse {
0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}


.tit60{font-size:0.46rem; line-height:0.5rem;}
.tit42{font-size:0.36rem; line-height:0.4rem; font-weight:bold;}
.tit32{font-size:0.24rem; line-height:0.32rem; font-weight:bold;}
.con22{font-size:0.18rem; line-height:0.3rem;}
.con16{font-size:0.15rem; line-height:0.3rem;}
.con15{font-size:0.15rem; line-height:0.3rem;}


/* 上面蓝色小字，下面黑色大字的公共标题 */
.common_infor .con{color:#2c69c1; font-family:Arial; font-weight:bold; text-transform:uppercase;}
.common_infor .tit{color:#000000; font-weight:bold; margin-top:0.15rem;}

/* 公共按钮 */
.common_btns{display:inline-block; border:1px solid #7a7f80; position:relative; overflow:hidden;}
.common_btns::before{content:''; position:absolute; width:0; left:-10%; background:#2c69c1; transform:skew(-20deg); top:0; height:100%; transition:all .4s ease; z-index:0;}
.common_btns a{display:block; position:relative; left:0; transition:all .4s ease; padding:9px 0.6rem; color:#000000;}
.common_btns:hover{border-color:#2c69c1; }
.common_btns:hover::before{width:120%;}
.common_btns:hover a{left:3px; color:#fff;}

.ipart01{margin-top:0.8rem;}
.ipart01 .wrap{width:92.6%;}
.ipart01 .rect-284{padding-bottom:284.018%;}
.ipart01 .rect-7317{padding-bottom:73.176%;}
.ipart01 .item{position:relative; float:left; width:12.31%; height:100%; margin-left:0.73%; transition:all .6s ease; overflow:hidden;}
.ipart01 .item:first-child{margin-left: 0;}
.ipart01 .item .img_box{position:relative; width: 100%; height:100%; overflow:hidden;}
.ipart01 .item .img_cover{position:relative; opacity:1; max-width:none; width:100%; transition:opacity 0.2s ease 0.4s; z-index:2;}
.ipart01 .item .img_full{position:absolute; top:0; left:0; width:100%; opacity:1; max-width:none; height:100%; transition:opacity 0.1s ease 0.1s; z-index:1;}
.ipart01 .item .txt_box{position:absolute; top:0; left:0; width: 100%; height:100%; z-index: 10;}
.ipart01 .item .txt_cover{position:absolute; top:25%; left:0; width:100%; padding:0 0.2rem; box-sizing:border-box; text-align:center;}
.ipart01 .item .txt_cover .tit{color:#fff; font-size:0.26rem; line-height:0.3rem; margin-top:0.2rem; font-weight:bold;}
.ipart01 .item .txt_full{position:absolute; bottom:40%; left:0.87rem; right:0.36rem; width:auto; opacity:0; }
.ipart01 .item .txt_full .tit{margin-top:0.2rem; color:#fff; font-weight:bold;}
.ipart01 .item .txt_full .con{color:#fff; margin-top:5px; width:65%;}

.ipart01 .item.on{width:47.84%; transition:all .6s ease;}
.ipart01 .item.on .img_cover{opacity:0; transition:opacity 0s ease;}
.ipart01 .item.on .img_full{opacity:1;}
.ipart01 .item.on .txt_cover{display:none;}
.ipart01 .item.on .txt_full{opacity:1; bottom:47%; transition:all .8s ease;}

.ipart02{margin:0.8rem 0 0.6rem;}
.ipart02 .wrap{width:92.6%;}
.ipart02 .item{float:left; box-sizing:border-box; width:25%; height:1.5rem; padding:0.2rem 0.08rem; border-right:1px solid #e5e5e5; text-align:center;}
.ipart02 .item:last-child{border-right:none;}
.ipart02 .item .tit{color:#000; transition:all .5s ease; font-family:Arial; font-weight:bold; font-size:0.54rem; line-height:0.6rem;}
.ipart02 .item:hover .tit{color:#2c69c1;}
.ipart02 .item .con{color:#5d5d5d; margin-top:0.3rem; margin:0 auto;}

.ipart03{position:relative; overflow:hidden; background:url(../img/ipart03_bg.jpg) no-repeat center/cover; }
.ipart03 .content{padding:1.3rem 0;}
.ipart03 .content .c{width:37.5%; margin-top:0.25rem; color:#4e4e4e;}
.ipart03 .content .common_btns{margin-top:0.6rem;}

.ipart04{margin-top:0.5rem; position:relative; margin-bottom:0.8rem; overflow:hidden;}
.ipart04 .common_infor{text-align:right; padding-top:0.6rem; position:relative; z-index:5;}
.ipart04 .words{position:absolute; top:0; left:0; width:100%;}
.ipart04 .cont{position:absolute; bottom:-0.2rem; left:0; width:100%;}
.ipart04 .ditu{position:relative; display:inline-block; width:15.69rem;}
.ipart04 .dots_box{position:absolute; top:0; left:0; width:100%; height:100%;}
.ipart04 .dots_box .dot{position:absolute; width:10px; height:10px; background:#69a0ee; border:1px solid #fff; border-radius:50%; z-index:10;}
.ipart04 .dots_box .dot::before,
.ipart04 .dots_box .dot::after{content:''; position:absolute; top:50%; left:50%; border-radius:50%; animation:warnS 2s linear 0s infinite;}
.ipart04 .dots_box .dot::before{width:0.4rem; height:0.4rem; margin-left:-0.2rem; margin-top:-0.2rem; background:#b3cef5;}
.ipart04 .dots_box .dot::after{width:0.6rem; height:0.6rem; margin-left:-0.3rem; margin-top:-0.3rem; background:#b3cef5;}

.ipart04 .dots_box .dot.cur{width:12px; height:12px; background:#2c69c1; z-index:20;}
.ipart04 .dots_box .dot.cur::before,
.ipart04 .dots_box .dot.cur::after{animation:warn 2s linear 0s infinite;}
.ipart04 .dots_box .dot.cur::before{width:0.45rem; height:0.45rem; margin-top:-0.22rem; margin-left:-0.22rem; background:#4b7fca;;}
.ipart04 .dots_box .dot.cur::after{width:0.65rem; height:0.65rem; margin-top:-0.32rem; margin-left:-0.32rem; background:rgba(75, 127, 202, 0.8);;}

.ipart04 .content .swiper-container{overflow:visible;}
.ipart04 .content .swiper-slide{width:auto;}
.ipart04 .content .swiper-slide .item{border-radius:5px; background:rgba(255,255,255,0.9); border:1px solid #c5c5c5; padding:0.2rem 0.3rem; width:3.5rem; box-sizing:border-box;}
.ipart04 .content .swiper-slide .top_box{padding-right:0.8rem; position:relative;margin-bottom:0.2rem ;}
.ipart04 .content .swiper-slide .top_box .circle{position:absolute; right:0.25rem; top:50%; transform:translateY(-50%); width:10px; height:10px; background:#86a9dc; border:1px solid #fff; border-radius:50%; z-index:10;}
.ipart04 .content .swiper-slide .top_box .circle::before,
.ipart04 .content .swiper-slide .top_box .circle::after{content:''; position:absolute; top:50%; left:50%; border-radius:50%; animation:warn 2s linear 0s infinite;}
.ipart04 .content .swiper-slide .top_box .circle::before{width:0.4rem; height:0.4rem; margin-left:-0.2rem; margin-top:-0.2rem; background:#afc6e8;}
.ipart04 .content .swiper-slide .top_box .circle::after{width:0.6rem; height:0.6rem; margin-left:-0.3rem; margin-top:-0.3rem; background:#ccdbf0;}
@keyframes warn {  
    0% {  
        transform:scale(0.8);  
        opacity:0;  
    }   
    50% {  
        transform:scale(1);  
        opacity:0.5;
    } 
    100% {  
        transform:scale(1.2);  
        opacity:0;  
    }  
}
@keyframes warnS {  
    0% {  
        transform:scale(0.6);  
        opacity:0;  
    }   
    50% {  
        transform:scale(0.7);  
        opacity:0.5;
    } 
    100% {  
        transform:scale(0.8);  
        opacity:0;  
    }  
}
.ipart04 .content .swiper-slide .province{color:#000; }
.ipart04 .content .swiper-slide li{color:#000; padding-left:0.25rem; margin-bottom:0.1rem; position:relative;}
.ipart04 .content .swiper-slide li::before{content:''; position:absolute; left:0; top:7px; width:16px; height:17px;}
.ipart04 .content .swiper-slide li.addr_::before{background:url(../img/ipart04_icon_01_01.png) no-repeat center;}
.ipart04 .content .swiper-slide li.tel_::before{background:url(../img/ipart04_icon_02_01.png) no-repeat center;}
.ipart04 .content .swiper-slide li.email_::before{background:url(../img/ipart04_icon_03_01.png) no-repeat center;}
.ipart04 .content .swiper-slide li.name_::before{background:url(../img/ipart04_icon_04_01.png) no-repeat center;}

.ipart04 .content .swiper-slide.swiper-slide-active .circle{background:#fff;}
.ipart04 .content .swiper-slide.swiper-slide-active .item{background:rgba(44, 105, 193, 0.9);}
.ipart04 .content .swiper-slide.swiper-slide-active .province{color:#fff;}
.ipart04 .content .swiper-slide.swiper-slide-active li{color:#fff;}
.ipart04 .content .swiper-slide.swiper-slide-active li.addr_::before{background:url(../img/ipart04_icon_01_02.png) no-repeat center;}
.ipart04 .content .swiper-slide.swiper-slide-active li.tel_::before{background:url(../img/ipart04_icon_02_02.png) no-repeat center;}
.ipart04 .content .swiper-slide.swiper-slide-active li.email_::before{background:url(../img/ipart04_icon_03_02.png) no-repeat center;}
.ipart04 .content .swiper-slide.swiper-slide-active li.name_::before{background:url(../img/ipart04_icon_04_02.png) no-repeat center;}

.ipart05{background:#f8f8f8; padding:0.6rem 0;}
.ipart05 .top .right{padding-top:0.6rem;}
.ipart05 .top .right .tab{float:left; margin-left:0.14rem; line-height:0.4rem; width:1.6rem; text-align:center; color:#000; background:#e8e8e8; cursor:pointer; transition:all .5s ease;}
.ipart05 .top .right .tab:first-child{margin-left:0;}
.ipart05 .top .right .tab:hover,
.ipart05 .top .right .tab.cur{color:#fff; background:#2c69c1;}
.ipart05 .bott{margin-top:0.4rem;}
.ipart05 .bott .swiper-container .controls{position:relative; width:82.5%; height:2px; margin:0.3rem auto;}
.ipart05 .bott .swiper-container .controls .swiper-pagination{position:relative; width:100%; height:2px; top:-2px;}
.ipart05 .bott .swiper-container .controls .swiper-pagination-progressbar-fill{background:#2c69c1;}
.ipart05 .bott .swiper-container .controls .swiper-button-prev{left:-50px; outline:none; width:auto; height:auto; margin-top:-22px; background:none; color:#2c69c1;}
.ipart05 .bott .swiper-container .controls .swiper-button-next{right:-50px; outline:none; width:auto; height:auto; margin-top:-22px; background:none; color:#2c69c1;}
.ipart05 .bott .swiper-container .controls .swiper-button-disabled{color:#000;}
.ipart05 .bott .swiper-container .controls .iconfont{font-size:1.8em;}
.ipart05 .bott .item .img_{position:relative;}
.ipart05 .bott .item .img_ .rect-5157{padding-bottom:51.575%;}
.ipart05 .bott .item .img_ .cover{position:absolute; left:0; bottom:0; width:100%;}
.ipart05 .bott .item .img_ .cover .key_words{font-size:15px; line-height:34px; padding:0 0.3rem; background:#000000; color:#fff; font-style:oblique;}
.ipart05 .bott .item .img_ .cover .year{font-size:16px; line-height:34px; padding-right:0.15rem; color:#ffffff; }
.ipart05 .content .item .words{display:block; padding:0.2rem 0.3rem 0.4rem; padding-left:0.15rem;}
.ipart05 .content .item .words .t{transition:all .5s ease; margin-bottom:0.1rem; color:#000000;}
.ipart05 .content .item .words .c{color:#777777; height:0.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.ipart05 .content .item:hover .words .t{color:#2c69c1;}

.ipart06{position:relative; background:url(../img/ipart06_bg.jpg) no-repeat center/cover; padding:0.6rem 0 0.5rem; color:#fff;}
.ipart06 .left{width:calc(100% - 2rem);}
.ipart06 .left .tit{font-weight:bold;}
.ipart06 .left .con{margin-top:0.15rem;}
.ipart06 .right{margin-top:0.3rem;}
.ipart06 .right .common_btns{border-color:#fff;}
.ipart06 .right .common_btns a{color:#fff;}
.ipart06 .right .common_btns:hover{border-color:#2c69c1;}



/* 关于金年会金字招牌诚信至上 */
.about_us01{position:relative; padding:0.8rem 0; overflow:hidden;}
.about_us01::after{content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(../img/ab01_n_bg.png) no-repeat left bottom; z-index:-1;}
.about_us01 .content{position:relative;}
.about_us01 .right{width:49%; float:right; position:relative; z-index:10;}
.about_us01 .left{width:45%; position:absolute; left:0; top:50%; transform:translateY(-50%)!important;}
.about_us01 .left .tit{background:url(../img/about_us01_tit.png) no-repeat center left; font-weight:900; margin-bottom:0.2rem; -webkit-background-clip:text; color:transparent;}
.about_us01 .left .con{color:#666666; text-align:justify; margin-top:0.15rem;}

.about_us02{height:calc(100vh - 1rem); background:url(../img/about_us02_bg.jpg) no-repeat center/cover; overflow:hidden; position:relative;}
.about_us02 .right{width:55.625%; float:right; height:100vh; color:#fff; padding-left:8.125%; box-sizing:border-box;}
.about_us02 .right .box{height:33vh; position:relative; }
.about_us02 .right .box .infor{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);}
.about_us02 .left{float:left; width:30%; padding-top:55vh;}
.about_us02 .left .en{font-family:Arial; color:rgba(255,255,255,0.64); text-transform:uppercase;}
.about_us02 .left .t{font-weight:bold; color:#fff; margin:0.05rem 0; }
.about_us02 .left .c{color:#fff; margin-top:0.2rem;}
.about_us02 .line{width:2px; height:100%; position:absolute; top:0; right:55.625%; background:rgba(255, 255, 255, 0.4);}
.about_us02 .line .cover{background:#fff; height:30vh; width:2px;}


.about_us04{padding:1rem 0; background:url(../img/about_us04_bg.png) no-repeat center/cover; text-align:center;}
.about_us04 .title{color:#222222; margin-bottom:0.45rem;}
.about_us04 .content{width:calc(100% - 1.4rem); margin:0 auto; position:relative;}
.about_us04 .swiper-slide{background:#fff; border-radius:5px; box-shadow:0px 8px 9.4px 0.6px rgba(0, 22, 74, 0.1); padding:0.6rem 0.2rem 0.2rem; text-align:center; transform:scale(0.8); box-sizing:border-box;}
.about_us04 .swiper-slide.swiper-slide-active{transform:scale(1);}
.about_us04 .swiper-slide.swiper-slide-active .t{font-weight:bold;}
.about_us04 .swiper-slide .t{color:#3e3e3e; margin:0.3rem 0 0.2rem;}
.about_us04 .content .swiper-button-next,
.about_us04 .content .swiper-button-prev{position:absolute; top:50%; width:0.6rem; height:0.6rem; margin-top:-0.3rem; background:url(../img/about_us04_jt01.png) no-repeat center/cover; outline:none;}
.about_us04 .content .swiper-button-prev{left:-0.7rem;}
.about_us04 .content .swiper-button-next{transform:rotate(180deg); right:-0.7rem;}

.about_us04 .content .swiper-button-next:hover,
.about_us04 .content .swiper-button-prev:hover{background:url(../img/about_us04_jt02.png) no-repeat center/cover;}
.about_us04 .content .swiper-button-prev:hover{transform:rotate(180deg);}
.about_us04 .content .swiper-button-next:hover{transform:rotate(0);}

.about_us04 .common_btns{margin:0.4rem auto 0; border-color:#2c69c1; border-radius:5px;} 
.about_us04 .common_btns a{color:#2c69c1;}
.about_us04 .common_btns:hover a{color:#fff;}

/* 人才发展 */
.talent_intro{position:absolute; z-index:1; top:0; left:0; overflow:hidden; width:100%; height:100vh; pointer-events:none; -webkit-backface-visibility:hidden; background:#b8b7b8;}
.talent_intro:after{content:""; position:absolute; z-index:2; top:0; left:0; width:100%; height:32rem; background:linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 20%,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.3) 60%,rgba(255,255,255,0.6) 80%,rgba(255,255,255,0.8) 100%); -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.talent_intro .slide_body{width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-transform:rotate(-30deg); transform:rotate(-30deg); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-backface-visibility:hidden;}
.talent_intro .slide_rail{height:100vh; position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; margin-right:2%;}
.talent_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:first-child{-webkit-animation:railDown1 1000s -500s linear infinite; animation:railDown1 1000s -500s linear infinite;}
.talent_intro .slide_rail:nth-child(odd) .slide_rail_inner ul:last-child{-webkit-animation:railDown2 1000s linear infinite; animation:railDown2 1000s linear infinite;}
.talent_intro .slide_rail_inner{position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.talent_intro .slide_rail_inner ul{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.talent_intro .slide_rail_inner ul:first-child{-webkit-animation:railUp1 1000s -500s linear infinite; animation:railUp1 1000s -500s linear infinite;}
.talent_intro .slide_rail_inner ul:last-child{-webkit-animation:railUp2 1000s linear infinite; animation:railUp2 1000s linear infinite}
.talent_intro .slide_tile{margin-bottom:0.5rem; position:relative; width:100%;}
.talent_intro .slide_tile:before{content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(18,13,11,0.5);}

.talent_box{position:relative; height:100vh; z-index:2;}
.talent_box .more{position:absolute; left:50%; top:40%; z-index:3; transform:translate(-50%,0);}
.talent_box .more .botton{margin-bottom:0.3rem;}
/* .talent_box .more a{color:#000; line-height:0.44rem; background:#fff; padding-left:0.3rem; padding-right:0.6rem; position:relative; display:inline-block; border-radius:0.2rem;}
.talent_box .more a i{position:absolute; right:0.3rem; top:50%; transform:translate(0,-50%); font-size:0.2rem;} */
.talent_box .more a{color:#000; line-height:0.44rem; background:rgba(255, 255, 255,0.76); width:1.6rem; text-align:center; position:relative; display:inline-block; border-radius:0.2rem;}
.talent_box .more a i{margin:0; font-size:0.2rem;}

/* .talent_box .more .botton a:last-child{margin-left:0.2rem;} */
.talent_box .more a:hover{background:#2c69c1; color:#fff;}
.talent_box .logo{display:block; position:fixed; z-index:2; top:0; left:0; width:100vw; height:100vh; -webkit-transition:all .5s cubic-bezier(0.43, 0.05, 0.17, 1); transition:all .5s cubic-bezier(0.43, 0.05, 0.17, 1); -webkit-transition-property:visibility,opacity; transition-property:visibility,opacity;}
.talent_box .logo .join{pointer-events:none; -webkit-transition:all 2s cubic-bezier(0.43, 0.05, 0.17, 1); transition:all 2s cubic-bezier(0.43, 0.05, 0.17, 1); -webkit-transition-property:opacity; transition-property:opacity; opacity:1;}
.talent_box .logo .join .bg{position:absolute; left:50%; bottom:-0.7rem; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); width:83.33%; height:7rem; background:url(../img/develop_logo1.png); background-repeat:no-repeat; background-position:center center; background-size:contain; transition:all 5s ease;}
.talent_box .logo .join.black{opacity:0.03;}
.talent_box .logo .join.black .bg{background-image:url(../img/develop_logo2.png); bottom:0;}
.talent_box .logo .join.hide{opacity:0;}
.talent_box .more a.jous{background:none; border:1px solid #fff; color:#fff;}
.talent_box .more a.jous:hover{background:#2c69c1; border-color:#2c69c1;}
@-webkit-keyframes railUp1{
    0%{-webkit-transform:translateY(100%); transform:translateY(100%)}
    to{-webkit-transform:translateY(-100%); transform:translateY(-100%)}
}
@keyframes railUp1{
    0%{-webkit-transform:translateY(100%); transform:translateY(100%)}
    to{-webkit-transform:translateY(-100%); transform:translateY(-100%)}
}
@-webkit-keyframes railUp2{
    0%{-webkit-transform:translateY(0); transform:translateY(0)}
    to{-webkit-transform:translateY(-200%); transform:translateY(-200%)}
}
@keyframes railUp2{
    0%{-webkit-transform:translateY(0); transform:translateY(0)}
    to{-webkit-transform:translateY(-200%); transform:translateY(-200%)}
}
@-webkit-keyframes railDown1{
    0%{-webkit-transform:translateY(-100%); transform:translateY(-100%)}
    to{-webkit-transform:translateY(100%); transform:translateY(100%)}
}
@keyframes railDown1{
    0%{-webkit-transform:translateY(-100%); transform:translateY(-100%)}
    to{-webkit-transform:translateY(100%); transform:translateY(100%)}
}
@-webkit-keyframes railDown2{
    0%{-webkit-transform:translateY(-200%); transform:translateY(-200%)}
    to{-webkit-transform:translateY(0%); transform:translateY(0%)}
}
@keyframes railDown2{
    0%{-webkit-transform:translateY(-200%); transform:translateY(-200%)}
    to{-webkit-transform:translateY(0%); transform:translateY(0%)}
}

.develop01{margin:0.8rem 0; position:relative; z-index:10;}
.develop01 .top{margin-bottom:0.4rem;}
.develop01 .top .con{color:#666666; margin-top:0.1rem;}
.develop01 .left{float:left; width:62.5%; position:relative;}
.develop01 .right{float:right; width:33.4%;}
.develop01 .right .infor{padding-top:0.35rem;}
.develop01 .right .infor .tit{color:#000000; margin-bottom:0.15rem;}
.develop01 .right .infor .con{height:2.4rem; overflow-y:auto; padding-right:0.05rem; text-align:justify; color:#666666;}
.develop01 .right .infor .con::-webkit-scrollbar {width:2px; height:4px;}
.develop01 .right .infor .con::-webkit-scrollbar-thumb {border-radius:5px; background:#2c69c1; }
.develop01 .right .infor .con::-webkit-scrollbar-track {border-radius:0; background:#fff;}
.develop01 .right .infor .common_btns{padding:9px 0.45rem; border-radius:3px; border-color:#222222; float:right; margin-top:0.3rem;}
.develop01 .right .infor .common_btns a{color:#2c69c1;}
.develop01 .right .infor .common_btns a i{margin-left:0.3rem; margin-right:0; line-height:0.3rem; color:#444444;}
.develop01 .right .infor .common_btns:hover{border-color:#2c69c1;}
.develop01 .right .infor .common_btns:hover a{color:#fff;}
.develop01 .right .infor .common_btns:hover a i{color:#fff;}


.develop01 .right .infor .common_btns{display:none;}
.develop01 .right .infor .con{height:auto; padding-right:0;}

.develop02{position:relative; z-index:10; overflow:hidden; background:#f6f6f6; padding:0.6rem 0 0.5rem;}
.develop02::before{content:''; position:absolute; left:0; top:0; height:100%; width:33.85%; background:url(../img/develop02_left.jpg) no-repeat center/cover;}
.develop02 .left{width:25.6%; float:left; padding-top:0.2rem; position:relative; z-index:10;}
.develop02 .left .tit{color:#000000;}
.develop02 .left .con{color:#666666; margin-top:0.15rem; height:2.4rem; overflow-y:auto; padding-right:0.05rem; }
.develop02 .left .con::-webkit-scrollbar {width:2px; height:4px;}
.develop02 .left .con::-webkit-scrollbar-thumb {border-radius:5px; background:#2c69c1; }
.develop02 .left .con::-webkit-scrollbar-track {border-radius:0; background:#fff;}
.develop02 .right{width:65%; float:right;}
.develop02 .right .cont{padding-right:5px; height:3.18rem; overflow-y:auto; }
.develop02 .right .cont::-webkit-scrollbar {width:2px; height:4px;}
.develop02 .right .cont::-webkit-scrollbar-thumb {border-radius:5px; background:#2c69c1; }
.develop02 .right .cont::-webkit-scrollbar-track {border-radius:0; background:#fff;}
.develop02 .right li{float:left; width:49%; margin-right:2%; background:#fff; border-left:2px solid #2c69c1; box-sizing:border-box; height:0.96rem; position:relative; margin-bottom:0.2rem;}
.develop02 .right li:nth-child(2n){margin-right:0;}
.develop02 .right li .box{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); padding:0 0.3rem; box-sizing:border-box;}
.develop02 .right li .box .t{color:#000000; transition:all .4s ease; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.develop02 .right li:hover .box .t{color:#2c69c1;}

.develop03{position:relative; overflow:hidden; z-index:10; margin:0.8rem 0;}
.develop03 .title{color:#000000;}
.develop03 .content{margin-top:0.5rem;}
.develop03 .content .left{float:left; width:61.875%;}
.develop03 .content .left .rect-4787{padding-bottom:47.878%;}
.develop03 .content .left li{float:left; width:50%; position:relative;}
.develop03 .content .left li .cover{position:absolute; color:#fff; bottom:0; padding-bottom:0.15rem; left:0; width:100%; background:linear-gradient(to top, rgba(0, 0, 0, 0.5),transparent); }
.develop03 .content .left li .cover .c{padding:0 0.3rem; box-sizing:border-box;}
.develop03 .content .right{float:right; width:30.625%;}
.develop03 .content .right .intro{margin-top:0.35rem;}
.develop03 .content .right .intro .tit{color:#000000;}
.develop03 .content .right .intro .con{color:#666666; margin-top:0.25rem; height:1.2rem; overflow-y:auto;}
.develop03 .content .right .num_box .num{display:inline-block; margin-right:0.5rem;}
.develop03 .content .right .num_box .num .number{font-size:0.4rem; color:#2c69c1;}
.develop03 .content .right .num_box .num .c{text-align:center; color:#666666;}
.develop03 .content .right .bott{margin-top:0.7rem; color:#666666;}

.develop04{position:relative; overflow:hidden; z-index:10;}
.develop04 .item01 .left{width:54.11%; float:left;}
.develop04 .item01 .rect-2714{padding-bottom:27.14%;}
.develop04 .item01 .rect-32{padding-bottom:32.01%;}
.develop04 .item01 .right{width:45.89%; float:left;}

.develop04 .item02 li{float:left; width:33.333%;}
.develop04 .item02 li .rect-4414{padding-bottom:44.14%;}

.develop04 .item .tit{position:absolute; left:0.6rem; top:0.6rem; color:#fff; font-style:oblique; z-index:10; font-size:0.28rem; line-height:1;}
.develop04 .item01 .left .tit{left:15.4%;}
.develop04 .item02 .tit{top:0.5rem;}
.develop04 .item02 li:first-child .tit{left:25%;}

.develop05{position:relative; overflow:hidden; z-index:10; margin:0.8rem 0;}
.develop05 .title{color:#000000; }
.develop05 .content .item:first-child{margin-top:0.5rem; }
.develop05 .content .item .tit{color:#000000; font-weight:bold;}
.develop05 .content .item ul{margin-top:0.2rem;}
.develop05 .content .item li{float:left; margin-right:6.04%; text-align:center; width:10.625%; margin-bottom:0.3rem;}
.develop05 .content .item li .t{color:#666666; margin-top:0.1rem;}

.develop06{position:relative; overflow:hidden; z-index:10; margin:0.6rem 0;}
.develop06 .left{width:60.9%; position:relative;}
.develop06 .rect-4523{padding-bottom:45.23%;}
.develop06 .rect-7325{padding-bottom:73.25%;}
.develop06 .right{width:37.625%; position:relative;}
.develop06 .words{position:absolute; }
.develop06 .left .words{left:0; width:100%; top:0.45rem; text-align:center;}
.develop06 .right .words{left:15%; width:100%; top:40%; }
.develop06 .left .words .con{color:#777777; text-transform:uppercase; font-weight:bold;}
.develop06 .right .words .tit{color:#ded7b2; }
.develop06 .right .words .con{color:#ffffff; text-transform:uppercase; font-weight:bold;}
.develop06 .right .words .tel{color:#ffffff; }

.develop06{display:none;}


.develop07{position:relative; z-index:10; margin:0.6rem 0; }
.develop07 .title{margin-bottom:0.1rem;}
.develop07 .con{width:calc(100% - 1.2rem);}
.develop07 .content{padding-top:0.6rem; position:relative;} 
.develop07 .content .item{padding:0 0.5rem;} 
.develop07 .content .item .t{transition:all .5s ease; font-weight:bold;}
.develop07 .content .item .c{/*height:0.9rem;*/ overflow-y:auto; padding-right:0.05rem; margin-bottom:0.5rem; margin-top:0.1rem; color:#666666;}
.develop07 .content .item .c::-webkit-scrollbar {width:2px; height:4px;}
.develop07 .content .item .c::-webkit-scrollbar-thumb {border-radius:5px; background:#2c69c1; }
.develop07 .content .item .c::-webkit-scrollbar-track {border-radius:0; background:#fff;}
.develop07 .content .item .img_{transition:all .3s ease;}
.develop07 .content .owl-item.active:first-child .item{border-right:0;}
.develop07 .content .owl-item.active .item{border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; box-sizing:border-box;}
.develop07 .content .owl-item.active:last-child .item{border-left:0; }
.develop07 .content .owl-carousel{position:static;}
.develop07 .content .owl-nav{position:absolute; right:0; top:0; transform:translateY(-100%);}
.develop07 .content .owl-prev,
.develop07 .content .owl-next{display:inline-block; width:0.46rem; height:0.46rem; background:url(../img/develop07_jt01.png) no-repeat center/cover; font-size:0;}
.develop07 .content .owl-next{transform:rotateY(180deg); margin-left:0.2rem;}
.develop07 .content .owl-prev:hover,
.develop07 .content .owl-next:hover{background:url(../img/develop07_jt02.png) no-repeat center/cover; transform:rotateY(180deg);}
.develop07 .content .owl-next:hover{transform:rotateY(0);}
.develop07 .content .item:hover .t{color:#2c69c1;}
.develop07 .content .item:hover .img_{transform:translateY(-5px);}


/* 弹窗 */
.widgets_common_tc1{display:none;}
.brandBox_detail{position:fixed; width:8rem; top:50%; margin-top:-2.5rem; z-index:100; background:#fff; height:5rem; left:50%; margin-left:-4rem; overflow:hidden; overflow:hidden;}
.brandBox_detail .box{margin:0.75rem 0; padding:0 0.8rem; height:3.5rem; overflow:auto; text-align:center;}
.brandBox_detail .box::-webkit-scrollbar {width:5px; height:4px;}
.brandBox_detail .box::-webkit-scrollbar-thumb {border-radius:5px; background:#2c69c1; }
.brandBox_detail .box::-webkit-scrollbar-track {border-radius:0; background:#fff;}

.brandBox_detail .box .tit{text-align:center; font-size:0.28rem; margin-bottom:0.2rem;}
.brandBox_detail .box .intro .con{text-align:justify;}
.brandBox_detail .close{cursor:pointer; width:0.43rem; height:0.43rem; margin:0.3rem auto 0; background:url(../img/widgets_common_tc_btn1.png) no-repeat center/cover; position:absolute; right:0;left:0; top:0; transition:all 0.5s ease;}
.brandBox_detail .close:hover{background:url(../img/widgets_common_tc_btn2.png) no-repeat center/cover;}
.brandBox_detail_bg{position:fixed; width:100%; height:100%; left:0; top:0; background:url(../img/black.6.png); z-index:90}

.brandBox_detail.tc02{height:6.4rem; margin-top:-3.2rem;}


/* 新闻中心 */
.news_center01 .hd{padding:0.2rem 0;}
.news_center01 .hd .left .item{color:#000000; margin:0 0.2rem; padding:0 0.05rem 0.05rem;}
.news_center01 .hd .left .item.active{font-weight:bold; color:#2c69c1; border-bottom:2px solid #2c69c1;}
.news_center01 .hd .center{margin-left:0.3rem;}
.news_center01 .hd .center .year_box{position:relative; min-width:3rem;}
.news_center01 .hd .center .year_box .yearpicker{border:none; border-bottom:1px solid #dddddd; display:block; padding:0px 0.3rem 0px 12px; width:100%; outline:none; border-radius:0px; background:none; height:0.36rem; line-height:0.36rem; box-sizing:border-box; font-size:0.16rem;}
.news_center01 .hd .center .year_box .close {width:12px; height:10px; position:absolute; right:20px; top:50%; margin-top:-8px; background:url(../img/search-close-icon.png) no-repeat center; background-size:12px 10px; padding:5px; cursor:pointer;}

/* 年份下拉表 */
.news_center01 .hd .center .year_box&gt;*{max-width:4.8rem;}
.news_center01 .hd .center .year_box .yearpicker-header{height:0.4rem; overflow:hidden;}
.news_center01 .hd .center .year_box .yearpicker-prev,
.news_center01 .hd .center .year_box .yearpicker-next{font-size:0.4rem; line-height:1;}
.news_center01 .hd .center .year_box .yearpicker-current{font-size:0.15rem; line-height:0.4rem;}
.news_center01 .hd .center .year_box .yearpicker-year{padding:0.1rem;}
.news_center01 .hd .center .year_box .yearpicker-year li{padding:0.1rem 0; font-size:0.15rem; line-height:30px;}

.news_center01 .hd .center .search_box{position:relative; margin-left:0.25rem; min-width:3rem;}
.news_center01 .hd .center .search_box .search_inp{border:none; border-bottom:1px solid #dddddd; display:block; padding:0px 12px; padding-left:0.36rem; width:100%; outline:none; border-radius:0px; background:none; height:0.36rem; line-height:0.36rem; box-sizing:border-box; font-size:0.15rem; box-sizing:border-box;}
.news_center01 .hd .center .search_box a{position:relative; width:auto; height:0;}
.news_center01 .hd .center .search_box a::after {content:""; position:absolute; background-image:url(../img/Search-01.svg); background-position:center center; background-repeat:no-repeat; background-size:18px; width:30px; height:30px; bottom:0.06rem; left:0px;}

.news_center01 .hd .right{padding-left:0.25rem; border-left:1px solid #dddddd;}
.news_center01 .hd .right .icon{display:inline-block; vertical-align:middle; margin-left:0.25rem; cursor:pointer;}

.news_center01 .bd{background:#f5f5f5; padding:0.3rem 0 0.6rem; opacity:;}
/* .news_center01 .bd .content li{float:left; width:23.8%; margin-right:1.6%; transition:ease all 0.3s; margin-bottom:0.3rem; position:relative;}
.news_center01 .bd .content li:nth-child(4n){margin-right:0;} */

.news_center01 .bd .content li{float:left; width:32.4%; margin-right:1.4%; transition:ease all 0.3s; margin-bottom:0.3rem; position:relative;}
.news_center01 .bd .content li:nth-child(3n){margin-right:0;}

.news_center01 .bd .content li .rect-6058{padding-bottom:60.588%;}
.news_center01 .bd .content li .words{padding:15px 10px;}
.news_center01 .bd .content li .words .year{color:#666666;}
.news_center01 .bd .content li .words .tit{color:#000000; margin-bottom:0.1rem;}
.news_center01 .bd .content li .words .con{color:#666666; height:0.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_center01 .bd .content li:hover{transform:translateY(-4px); transition:ease all 0.3s; box-shadow:0px 4px 4px rgb(0 0 0 / 10%);}
.news_center01 .bd .content .imgZoom img{ -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.news_center01 .bd .content.change li{float:none; width:100%; margin-right:0; padding-bottom:0.3rem; border-bottom:1px solid #e7e2e2;}
.news_center01 .bd .content.change li .img_{float:right; width:31.875%;}
.news_center01 .bd .content.change li .words{position:absolute; left:0; top:50%; transform:translateY(-50%); width:62%; padding:0 0.5rem; box-sizing:border-box;}
.news_center01 .bd .content.change li:hover{transform:none; transition:ease all 0.3s; box-shadow:none;}
.news_center01 .bd .content.change li:hover .words .tit{color:#2c69c1;}

/* 分页 */
.widgets_common_pages_4{font-size:0.18rem; color:#000; text-align:center; margin-top:0.3rem;}
.widgets_common_pages_4 a, .widgets_common_pages_4 span{color:#000; display:inline-block; border:1px solid #e8e8e8; vertical-align:middle; width:0.34rem; height:34px; line-height:34px; margin-right:7px; font-size:0.18rem; font-family:Arial;}
.widgets_common_pages_4 .gonext,.widgets_common_pages_4 .count{margin-left:0;}
.widgets_common_pages_4 span.current{color:#fff; background:#2c69c1; border-color:#2c69c1;}
.widgets_common_pages_4 span.count{border:0; background:0;color:#000;}
.widgets_common_pages_4 a, .widgets_common_pages_4 span{width:auto; padding:0 12px;}
.widgets_common_pages_4 .goprev{margin-right:10px; background:none;}
.widgets_common_pages_4 span.ellipsis{border-color:transparent; padding:0;}
.widgets_common_pages_4 .goprev i{transform:rotateZ(180deg);}
.widgets_common_pages_4 a:hover, .widgets_common_pages_4 .goprev:hover{color:#fff; background:#2c69c1; border-color:#2c69c1;}
.widgets_common_pages_4 .goprev{width:36px; height:36px; background:url(../img/widgets_common_pages_4_1.png) no-repeat center; background-size:cover; border:none; padding:0;}
.widgets_common_pages_4 .goprev:hover{background:url(../img/widgets_common_pages_4_3.jpg) no-repeat center; background-size:cover;}
.widgets_common_pages_4 .gonext{width:36px; height:36px; background:url(../img/widgets_common_pages_4_2.png) no-repeat center; background-size:cover; border:none; padding:0;}
.widgets_common_pages_4 .gonext:hover{background:url(../img/widgets_common_pages_4_4.jpg) no-repeat center; background-size:cover;}

/* 新闻详情 */
.news_detail01{padding:0.8rem 0;}
.news_detail01 .left{width:73%;}
.news_detail01 .left .box .title{font-size:0.36rem; line-height:1.5; text-align:center;}
.news_detail01 .left .box .con{font-size:0.15rem; line-height:0.3rem;}
.news_detail01 .left .switcher{display:inline-block;}
.news_detail01 .left .con{margin-top:0.22rem;}
.news_detail01 .left .time{margin:0 0.2rem;}
.news_detail01 .left .play{margin-left:0.2rem; cursor:pointer;}
.news_detail01 .left .play img{vertical-align:middle;}
.news_detail01 .left .share_box{text-align:center; position:relative; margin-top:0.3rem; margin-bottom:0.55rem;}
.news_detail01 .left .share_box .line{position:absolute; width:100%; height:1px; background:#dddddd; top:0; left:0; top:50%; margin-top:-1px;}
.news_detail01 .left .share_box li{position:relative; z-index:2; background:#fff; display:inline-block; padding:0 0.22rem; margin:0 -0.02rem;}
.news_detail01 .left .share_box li a{opacity:0.7;}
.news_detail01 .left .share_box li:hover a{opacity:1;}
.news_detail01 .left .text{border-bottom:1px solid #dfdfdf; padding-bottom:0.65rem; line-height:2; font-size:0.18rem;}
.news_detail01 .left .text a{color:#2c69c1;}
.news_detail01 .left .btns{text-align:center; width:100%; margin-top:0.25rem;}
.news_detail01 .left .btns .to_list{display:inline-block; color:#fff; padding:0 0.5rem; line-height:0.4rem; background:#2c69c1; margin-top:0.2rem; transition:all 0.5s ease; border:1px solid #2c69c1;}
.news_detail01 .left .btns .to_list:hover{background:#fff; color:#2c69c1; border-color:#2c69c1;}
.news_detail01 .left .btns .prev{text-align:left; width:30%;}
.news_detail01 .left .btns .next{text-align:right; width:30%;}
.news_detail01 .left .btns i{margin:0;}

.news_detail01 .right{width:21%;}
.news_detail01 .right .title{background:#2c69c1; line-height:0.62rem; padding-left:0.26rem; box-sizing:border-box; color:#fff;}
.news_detail01 .right .item{border:1px solid #ececec; border-top:none; margin-bottom:0.24rem; box-sizing:border-box;}
.news_detail01 .right .item .item_con{padding:0.3rem 0.3rem 0.2rem; box-sizing:border-box; font-size:0;}
.news_detail01 .right .item .item_con .time{font-size:0.12rem; color:#5d5d5d; line-height:0.12rem;}
.news_detail01 .right .item .item_con .tit{transition:all 0.5s ease; font-size:0.15rem;}
.news_detail01 .right .item .item_con .sub{position:relative; margin-top:0.1rem;}
.news_detail01 .right .item .item_con .sub input{border:1px solid #ececec; width:100%; line-height:0.6rem; box-sizing:border-box; text-indent:0.25rem; padding:0; height:0.6rem; font-size:0.15rem; color:#5d5d5d;}
.news_detail01 .right .item .item_con .sub input::-webkit-input-placeholder{color:#b3b3b3; font-size:0.15rem; text-indent:0.25rem; line-height:0.6rem; height:0.6rem;}
.news_detail01 .right .item .item_con .sub input::-moz-placeholder{color:#b3b3b3; font-size:0.15rem; text-indent:0.25rem; line-height:0.6rem; height:0.6rem;}
.news_detail01 .right .item .item_con .sub input:-moz-placeholder{color:#b3b3b3; font-size:0.15rem; text-indent:0.25rem; line-height:0.6rem; height:0.6rem;}
.news_detail01 .right .item .item_con .sub input:-ms-input-placeholder{color:#b3b3b3; font-size:0.15rem; text-indent:0.25rem; line-height:0.6rem; height:0.6rem;}
.news_detail01 .right .item .item_con .sub button{outline:none; border:none; padding:0 0.12rem; box-sizing:border-box; line-height:0.48rem; background:#777; cursor:pointer; position:absolute; right:0.06rem; top:50%; margin-top:-0.24rem; color:#fff;}
.news_detail01 .right .item .item_con li{margin-bottom:0.2rem;}
.news_detail01 .right .item .item_con li:last-child{margin-bottom:0;}
.news_detail01 .right .item .item_con li:hover .tit{color:#2c69c1;}

/* 视频中心 */
.video_list{position:relative; overflow:visible;}
.video_infor{position:absolute; left:0; bottom:-1.3rem; width:100%;}
.video_infor .top form{width:100%;}
.video_infor .top .l{color:#fff;}
.video_infor .top .r{width:38%;}
.video_infor .top .top_btn{width:12%; height:0.42rem; outline:none; background:#fff; border-radius:5px; border:none; font-size:0.15rem; color:#cdcdcd; float:right; position:relative; cursor:pointer; transition:all 0.5s ease; padding:0;}
.video_infor .top .top_btn.reset{color:#000;}
.video_infor .top .top_btn.search{background:#2c69c1; margin-right:3%;}
.video_infor .top .top_btn.search::after{content:''; width:19px; height:19px; background:url(../img/h_icon6.png) no-repeat center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.video_infor .top .top_sel{width:33.5%; height:0.42rem; line-height:0.42rem; font-size:0.15rem; color:#cdcdcd; float:right; background:#fff; border-radius:5px;margin-right:3%; position:relative;}
.video_infor .top .top_sel&gt;span{position:relative; display:block; cursor:pointer; padding:0 0.2rem; box-sizing:border-box;}
.video_infor .top .top_sel&gt;span::after{content:''; width:18px; height:11px;  background:url(../img/live_jt.png) no-repeat center; background-size:cover; position:absolute; right:0.1rem; top:50%; transform:translate(0,-50%);}
.video_infor .top .top_sel .sel_down{width:100%; padding:0 0.2rem; box-sizing:border-box; position:absolute; left:0; top:100%; background:#fff; z-index:2; color:#000; box-shadow:0px 7px 15px 0px rgb(0 0 0 / 10%); max-height:2.1rem; overflow:auto; display:none; border-radius:5px;}
.video_infor .top .top_sel .sel_down li{line-height:0.3rem; cursor:pointer;}
.video_infor .top .top_sel .sel_down::-webkit-scrollbar{width:2px; height:4px;}
.video_infor .top .top_sel .sel_down::-webkit-scrollbar-thumb{background:#2c69c1;}
.video_infor .top .top_sel .sel_down::-webkit-scrollbar-track{background:#f6f5f5;}
.video_infor .bott{margin-top:0.4rem; position:relative;}
.video_infor .bott .bott_box{position:absolute; left:1.15rem; top:50%; transform:translate(0,-50%); color:#fff;}
.video_infor .bott .bott_box .tit{margin-bottom:0.2rem; color:#fff;}
.video_infor .bott .bott_box .con{color:#fff; width:77%;}
.video_infor .bott .play{width:0.79rem; height:0.79rem; background:url(../img/videoList_play.png) no-repeat center; background-size:cover; cursor:pointer; margin-top:0.4rem;}

.video_list01{margin-top:2.1rem; margin-bottom:0.8rem;}
.video_list01 li{float:left; width:32.4%; margin-right:1.4%; cursor:pointer; padding-bottom:0.4rem; position:relative; margin-bottom:0.3rem;}
.video_list01 li::after{content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:#2c69c1; transition:all .5s ease;}
.video_list01 li:nth-child(3n){margin-right:0;}
.video_list01 li .rect-5088{padding-bottom:50.88%;}
.video_list01 li .img_{position:relative;}
.video_list01 li .img_ .cover{position:absolute; bottom:0; left:0; width:10%;}
.video_list01 li .img_ .cover{position:absolute; left:0; bottom:0; width:100%;}
.video_list01 li .img_ .cover .key_words{font-size:0.15rem; line-height:34px; padding:0 0.3rem; background:#000000; color:#fff; font-style:oblique; transition:all .5s ease;}
.video_list01 li .img_ .cover .year{font-size:0.15rem; line-height:34px; padding-right:0.15rem; color:#ffffff; }
.video_list01 li .words{margin-top:0.35rem; color:#000000;}

.video_list01 li:hover .img_ .cover .key_words{background:#2c69c1;}
.video_list01 li:hover::after{width:100%;}


/* 联系金年会金字招牌诚信至上 */
.contact_us01{margin-top:0.6rem;;}
.contact_us01 .top{text-align:center; margin-bottom:0.5rem;}
.contact_us01 .top .tit{color:#000000; margin-bottom:0.1rem;}
.contact_us01 .top .con{color:#666666; }
.contact_us01 .bott{overflow:hidden;}

.contact_us02{margin-top:0.6rem; margin-bottom:0.8rem;}
.contact_us02 .content{position:relative;}
.contact_us02 .content .title{margin-bottom:0.6rem;}
.contact_us02 .content .left{width:48%;}
.contact_us02 .content .right{width:48%;}
.contact_us02 .content li{padding-bottom:0.3rem; border-bottom:1px solid #d8d8d8; margin-top:0.3rem; cursor:pointer;}
.contact_us02 .content li:hover .icon{background:#000;}
.contact_us02 .content li:first-child{margin-top:0;}
.contact_us02 .content li .icon{width:0.48rem; height:0.48rem; display:inline-block; vertical-align:middle; background:#000000; border-radius:50%; margin-right:0.3rem; position:relative; transition:all 0.5s ease;}
.contact_us02 .content li .icon img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.contact_us02 .content li .info{display:inline-block; vertical-align:middle;}
.contact_us02 .content li .info span{display:block;}
.contact_us02 .content li .info .t02{color:#666666;}
.contact_us02 .content li .jt{float:right; margin-top:0.12rem;}

.contact_us02 .content .ewm_box li{width:2.5rem; background:#f3f4f5; border-radius:10px; padding:0.3rem 0; box-sizing:border-box; border:none; margin-top:0; position:absolute; right:0.75rem; bottom:-0.25rem; text-align:center; color:#343434; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.contact_us02 .content .ewm_box li.cur{-webkit-animation:fadeInUp 0.8s ease both; -moz-animation:fadeInUp 0.8s ease both; animation:fadeInUp 0.8s ease both; opacity:1; visibility:visible;}
.contact_us02 .content .ewm_box li .tit{ margin-top:0.1rem; margin-bottom:0.05rem;}
.contact_us02 .content .ewm_box li .con{font-size:14px; text-transform:uppercase;}
.contact_us02 .content .ewm_box li .con&gt;div{margin-bottom:0.2rem;}
.contact_us02 .content .ewm_box li .con span{text-decoration:underline;}
.contact_us02 .content .ewm_box li .con span:first-child{margin-right:0.3rem;}
.contact_us02 .content .ewm_box li .con .fix{margin-bottom:0;}

@-webkit-keyframes fadeInUp{
	0%{opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0);}
	to{opacity:1; -webkit-transform:none; transform:none;}
}
@keyframes fadeInUp{
0%{opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0);}
to{opacity:1; -webkit-transform:none; transform:none;}
}

.contact_us03{background:#fafafa; padding:0.4rem 0;}
.contact_us03 .title{text-align:center; color:#000000;}
.contact_us03 .content{margin-top:0.6rem;}

.contact_us03 .content .item{transition:all 0.5s ease;  background:#fff; position:relative; margin-bottom:0.2rem; box-shadow:0px 12px 16px 0px rgba(0, 0, 0, 0.06);}
.contact_us03 .content .item .box::after{content:''; width:100%; height:100%; background:url(../img/contact03_bg.png) no-repeat center/cover; position:absolute; right:0; bottom:0; pointer-events:none; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.contact_us03 .content .item .rect-5633{padding-bottom:56.33%;}
.contact_us03 .content .item .box{padding:0.28rem 0.25rem; position:relative; z-index:2; height:2.35rem; box-sizing:border-box;}
.contact_us03 .content .item .box .t{color:#000000; position:relative; z-index:10;}
.contact_us03 .content .item .box .c{color:#666666; margin-top:0.2rem; position:relative; z-index:10;}
.contact_us03 .content .item .box .c .cell{position:relative; padding-left:35px; margin-bottom:0.1rem;}
.contact_us03 .content .item .box .c .addr.cell{height:0.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.contact_us03 .content .item .box .c .cell:last-child{margin-bottom:0;}
.contact_us03 .content .item .box .c .cell .icon{width:22px; height:24px; display:inline-block; position:absolute; left:0; top:2px; background-position:0 0;}
.contact_us03 .content .item:hover .box::after{opacity:1; visibility:visible;}
.contact_us03 .content .item:hover .t{color:#fff;}
.contact_us03 .content .item:hover .c{color:#fff;}
.contact_us03 .content .item:hover .c a:hover{color:#fff; color:rgba(255,255,255,.7)}
.contact_us03 .content .item:hover .box .c .cell .icon{background-position:0 -24px;}

.contact_us03 .content .item.cur .box::after{opacity:1; visibility:visible;}
.contact_us03 .content .item.cur .t{color:#fff;}
.contact_us03 .content .item.cur .c{color:#fff;}
.contact_us03 .content .item.cur .c a:hover{color:#fff; color:rgba(255,255,255,.7)}
.contact_us03 .content .item.cur .box .c .cell .icon{background-position:0 -24px;}

.contact_us03 .content .owl-prev,
.contact_us03 .content .owl-next{position:absolute; top:50%; transform:translateY(-50%) translateX(100%); font-size:0; background:url(../img/contact05_jt.png) no-repeat center/cover; width:0.4rem; height:0.4rem; right:-0.1rem; border-radius:50%; box-shadow: 0 0 7px 3px #f2f2f2;}
.contact_us03 .content .owl-prev{left:-0.1rem; right:auto; transform:translateY(-50%) translateX(-100%) rotate(180deg); }

.contact_us04{position:relative; overflow:hidden;}
.contact_us04 .bg img{width:100%;}
.contact_us04 .content{position:absolute; top:45%; left:0; transform:translateY(-50%); width:100%;}
.contact_us04 .content .con{margin:0.1rem 0;}
.contact_us04 .content .c{color:#2c69c1; text-decoration:underline;}



.contact_us05{background:#fafafa; padding-top:0; padding-bottom:0.6rem; position:relative; cursor:none;}
.contact_us05 .wrap{width:100%;}
.contact_us05::before{content:""; position:absolute; left:0; top:0; width:1.6rem; height:100%; background:linear-gradient(to right, #fafafa, transparent); z-index:10;}
.contact_us05 .content .item .img_box{position:relative; width:55%;}
.contact_us05 .content .item .intro_box{width:40%; overflow-y:auto;}
.contact_us05 .content .item .intro_box::-webkit-scrollbar{width:2px; height:4px;}
.contact_us05 .content .item .intro_box::-webkit-scrollbar-thumb{background:#2c69c1;}
.contact_us05 .content .item .intro_box::-webkit-scrollbar-track{background:#fafafa;}

.contact_us05 .content .item .intro_box .intro{margin-bottom:0.15rem;}
.contact_us05 .content .item .intro_box .intro .tit{margin-bottom:0.1rem;}
.contact_us05 .content .swiper-slide:first-child{padding-left:8.33%;}
.contact_us05 .content .swiper-slide{width:65%; padding-left:8.33%;}
.contact_us05 .content .swiper-slide .item{width:100%;}
.contact_us05 .rect-59{padding-bottom:59.65%;}
.contact_us05 .content .swiper-slide .rect-59{background:#fff;}
.contact_us05 .content .swiper-slide .rect-59 img{filter:grayscale(100%) opacity(0.6);}
.contact_us05 .content .swiper-slide.swiper-slide-active .rect-59 img{filter:grayscale(0); opacity:1;}
.contact_us05 .content .swiper-container .controls{display:none; position:relative; width:82.5%; height:2px; margin:12px auto;}
.contact_us05 .content .swiper-container .controls .swiper-pagination{position:relative; width:100%; height:2px;}
.contact_us05 .content .swiper-container .controls .swiper-pagination-progressbar-fill{background:#2c69c1;}
.contact_us05 .content .swiper-container .controls .swiper-button-prev{left:-50px; width:auto; height:auto; margin-top:-22px; background:none; color:#2c69c1;}
.contact_us05 .content .swiper-container .controls .swiper-button-next{right:-50px; width:auto; height:auto; margin-top:-22px; background:none; color:#2c69c1;}
.contact_us05 .content .swiper-container .controls .swiper-button-disabled{color:#000;}
.contact_us05 .content .swiper-container .controls .iconfont{font-size:1.8em;}

.contact_us05 .content .item .arrow_line{position:absolute; right:0; bottom:5%; width:48%; height:0.12rem; z-index:-1; font-size:0;}
.contact_us05 .content .swiper-slide:last-child .arrow_line{display:none;}
.contact_us05 .content .item .arrow_line::before{content:""; position:relative; top:-0.07rem; display:inline-block; width:90%; height:1px; margin-right:0.1rem; background:#2c69c1;}
.contact_us05 .content .item .arrow_line .arrow{display:inline-block; width:0.11rem; height:0.16rem; background:url(../img/contact_us05_arrow.png) no-repeat center/contain;}
.contact_us05 .content .item .unu,
.contact_us05 .content .item .doi,
.contact_us05 .content .item .trei{-webkit-animation:mouse-scroll 1s infinite;-moz-animation:mouse-scroll 1s infinite;animation:mouse-scroll 1s infinite;}
.contact_us05 .content .item .unu{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-direction:alternate;animation-direction:alternate;animation-delay:alternate;}
.contact_us05 .content .item .doi{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-direction:alternate;animation-delay:.2s;animation-direction:alternate;}
.contact_us05 .content .item .trei{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-webkit-animation-direction:alternate;animation-delay:.3s;animation-direction:alternate;}
@-webkit-keyframes mouse-scroll {
  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {
  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {
  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {
  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}










/* 江阴油库招商 */
.xc_banner.invest .infor{top:50%; text-align:center;}
.xc_banner.invest .infor .con{margin-top:0.1rem; width:100%;}
.xc_banner.invest .infor .play_btn{position:relative; display:inline-block; margin:0.5rem auto 0;}
.xc_banner.invest .infor .play_btn::before{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:20%; height:20%; border-radius:50%; content:''; z-index: -1;}
.xc_banner.invest .infor .play_btn::after{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:20%; height:20%; border-radius:50%; content:''; z-index: -1; }
.xc_banner.invest .infor .play_btn::before{animation:scale 2s ease-out infinite; background:#fff; opacity:0.5; animation-delay:0;}
.xc_banner.invest .infor .play_btn::after{animation:scale2 2s ease-out infinite; background:#fff; opacity:0.3; animation-delay:0;}

@keyframes scale{
	0%{transform:translate(-50%, -50%) scale(1); opacity:.9} 
	100%{transform:translate(-50%, -50%) scale(7); opacity:0;}
}
@keyframes scale2{
	0%{transform:translate(-50%, -50%) scale(1); opacity:.9;} 
	100%{transform:translate(-50%, -50%) scale(10);opacity:0;}
}




.investJY01{margin-top:1.3rem; margin-bottom:0.6rem;}
.investJY01 .content{position:relative;}
.investJY01 .content .left{width:50%;}
.investJY01 .content .left .con{color:#666666; text-align:justify; height:1.8rem; overflow-y:auto; margin-top:0.25rem;}
.investJY01 .content .left .con::-webkit-scrollbar {width:2px; height:4px;}
.investJY01 .content .left .con::-webkit-scrollbar-thumb {border-radius:5px; background:#2c69c1; }
.investJY01 .content .left .con::-webkit-scrollbar-track {border-radius:0; background:#fff;}
.investJY01 .content .right{position:absolute; right:0; bottom:0; width:46.8%; transform:translateY(80px); z-index:20; box-shadow:0px 9px 36.4px 3.6px rgba(0, 0, 0, 0.08); -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.investJY01 .content .right .img_box img{width:100%;}
.investJY01.cur .content .right{transform:translateY(0);}

.investJY02{padding:0.8rem 0 0.2rem; position:relative; background:#f7f7fa;}
.investJY02::before {content:''; width:100%; height:4.46rem; background:url(../img/investJY02_bg.png) no-repeat center; position:absolute; left:0; bottom:0;}
.investJY02 ul{position:relative; z-index:2;}
.investJY02 li{float:left; width:32.4%; margin-right:1.4%; transition:all .4s ease; margin-bottom:0.5rem;}
.investJY02 .li03{margin-right:0;}
.investJY02 li .rect-5158{padding-bottom:51.58%;}
.investJY02 li .infor{padding:0.2rem 0.3rem; background:#fff;}
.investJY02 li .infor .tit{transition:all .4s ease;}
.investJY02 li .infor .con{color:#666666; margin-top:0.1rem; height:1.44rem; overflow-y:auto;}
.investJY02 li .infor .con::-webkit-scrollbar {width:2px; height:4px;}
.investJY02 li .infor .con::-webkit-scrollbar-thumb {border-radius:5px; background:#2c69c1; }
.investJY02 li .infor .con::-webkit-scrollbar-track {border-radius:0; background:#fff;}

.investJY02 li:hover{box-shadow:0px 3px 19.8px 0.2px rgba(0, 0, 0, 0.1);}
.investJY02 li:hover .infor .tit{color:#2c69c1;}

.investJY03{padding:0.7rem 0; background:url(../img/investJY03_bg.jpg) no-repeat center/cover;}
.investJY03 .box{width:52.2%; float:right;}
.investJY03 .box .tit{color:#fff; text-align:center; margin-bottom:1rem;}
.investJY03 .box .cont{position:relative;}
.investJY03 .box .cont li{float:left; width:33.33%; text-align:center; }
.investJY03.zs .box .cont li{float:left; width:50%;}
.investJY03 .box .cont li .t{height:1.2rem; overflow-y:auto; font-size:0.16rem; color:#fff; margin:0.1rem 0; line-height:0.3rem; padding:0 0.2rem; box-sizing:border-box;}

.investJY03 .box .cont .line{position:absolute; left:0; top:0; width:1px; height:86%; background:#fff; opacity:0.3;}
.investJY03 .box .cont .line01{left:33.333%;}
.investJY03 .box .cont .line02{left:66.666%;}
.investJY03.zs .box .cont .line01{left:50%;}
.investJY03.zs .box .cont .line02{display:none;}


.investJY04{margin:0.8rem 0;}
.investJY04 .top{text-align:center;}
.investJY04 .top .tit{color:#000000;}
.investJY04 .top .con{color:#666666; margin-top:0.1rem;}
.investJY04 .bott .left{width:53.125%;}
.investJY04 .bott{margin-top:0.6rem;}
.investJY04 .bott .left .l_top li{float:left; width:48%; margin-right:2%; margin-bottom:0.2rem;}
.investJY04 .bott .left .l_top li&gt;div{display:inline-block; vertical-align:text-top;}
.investJY04 .bott .left .l_top li .icon{margin-top:0.06rem; margin-right:0.1rem;}
.investJY04 .bott .left .l_top li .intro{width:calc(100% - 0.4rem);}
.investJY04 .bott .left .l_top li .intro .c{color:#666666;}
.investJY04 .bott .left .l_top li .intro .c a{display:inline-block;}
.investJY04 .bott .left .l_top li .intro .c a:first-child{margin-right:0.2rem;}
.investJY04 .bott .left .l_bott{overflow:hidden;}
.investJY04 .bott .right{width:42.5%; margin-top:0.4rem;}
.investJY04 .bott .right .inp_box{width:49.5%; margin-right:1%; margin-bottom:10px;}
.investJY04 .bott .right .inp_box:nth-child(2n){margin-right:0;}
.investJY04 .bott .right .inp_box .inp{width:100%; padding:0; margin:0; border:1px solid #ededed; background:#f5f5f7; line-height:0.3rem; padding:0.15rem 0; text-indent:0.2rem; font-size:0.15rem;}
.investJY04 .bott .right .text_box{width:100%; }
.investJY04 .bott .right .text_inp{width:100%; height:1.2rem; padding:0; margin:0; border:1px solid #ededed; background:#f5f5f7; line-height:0.3rem; padding:0.15rem 0; text-indent:0.2rem; font-size:0.15rem;}
.investJY04 .bott .right .inp_yzm{width:50%; }
.investJY04 .bott .right .inp_yzm .yzm_img{width:49%; height:0.6rem; overflow:hidden;}
.investJY04 .bott .right .inp_yzm .yzm_img img{display:block; height:100%;}
.investJY04 .bott .right .btn01{width:49%; padding:0; margin:0; border:0; background:#2c69c1; text-align:center; line-height:0.6rem; color:#fff;}
body .BMap_shadow{display:none;}

/* 招聘列表 */
.job_list01{margin:0.8rem 0;}
.job_list01 .form_box{margin-bottom:0.45rem; font-size:0;}
.job_list01 .form_box .inp_wrap{width:23%; margin-right:0.5%; border:1px solid #e3e7ec; display:inline-block; vertical-align:top; border-radius:5px;}
.job_list01 .form_box .inp_wrap .inp{width:100%; height:0.54rem; line-height:0.54rem; font-size:0.15rem; color:#000; text-indent:23px; border:none; border-radius:0; padding:0; background:transparent;}
.job_list01 .form_box .inp_wrap.search_wrap{width:0.54rem; border:none; margin-right:0;} 
.job_list01 .form_box button{outline:none; border:none; background:#2c69c1; height:0.55rem; width:0.55rem; border-radius:50%; font-size:0.15rem; text-align:center; cursor:pointer; text-align:center; width:100%; transition:.5s ease;}
.job_list01 .form_box button i{display:inline-block;  color:#fff; vertical-align:middle;}
.job_list01 .form_box button:hover{background:#2c69c1;}
.job_list01 .form_box .inp_wrap .select-ui-choose-default ._arrow .arr{width:14px; height:8px; background:url(../img/widgets_xc_job_list_12_1.png) no-repeat center; border:none;}
.job_list01 .form_box .inp_wrap .select-ui-choose-default.on ._arrow .arr{margin:-.2em 0 0;}
.job_list01 .form_box .inp_wrap .select-ui-choose ._arrow{right:17px;}
.job_list01 .form_box .inp_wrap .select-ui-choose-default ._txt{text-align:left;}
.job_list01 .content li{border-bottom:1px solid #e7e7e7; overflow:hidden;}
.job_list01 .content li.first {background:#2c69c1; color:#fff; border-bottom:none; padding:0; height:0.8rem; line-height:0.8rem; border-radius:5px; font-size:0.2rem; font-weight:bold;}
.job_list01 .content li ._ut{float:left; text-align:center; width:16.6%;}
.job_list01 .content li ._un{float:left; text-align:center; height:0.8rem; line-height:0.8rem; font-size:0.18rem; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:16.6%;}
.job_list01 .content li ._un._t7:after {content:"+"; display:inline-block; vertical-align:-1px; color:#313131; margin-left:5px; font-size:0.2rem;}
.job_list01 .content li.j_t_cur ._un._t7:after {content:"-";}
.job_list01 .content li.j_t {cursor:pointer;}
.job_list01 .content li.j_c {height:auto; line-height:1.5; background:#f9f9f9; display:none;}
.job_list01 .content .j_c .j_c_box {padding:0.4rem;}
.job_list01 .content .j_c .j_c_box .intro {color:#666; line-height:24px; position:relative;}
.job_list01 .content .j_c .j_c_box .intro strong{display:block; font-size:0.15rem; color:#2c69c1; margin-bottom:10px}
.job_list01 .content .j_c .intro .job_btn{margin-top:0.3rem;}
.job_list01 .content .j_c .intro .job_btn ._btn {display:inline-block; width:1.6rem; height:0.48rem; line-height:0.48rem;  color:#fff; font-size:0.15rem; background:#2c69c1; cursor:pointer; text-align:center; transition:.5s ease;}
.job_list01 .content .j_c .intro .job_btn ._btn:hover{background:#2c69c1;}                

body .select-ui-options-default li:hover{background:#2c69c1;}

.job_list01 .top{margin-bottom:0.4rem; text-align:center;}
.job_list01 .top a{display:inline-block; vertical-align:middle; text-align:center; width:1.6rem; border-radius:5px; transition:all .3s ease; font-size:0.16rem; line-height:0.44rem; border:1px solid #000;}
.job_list01 .top a:first-child{margin-right:0.3rem;}
.job_list01 .top a:hover{background:#2c69c1; color:#fff; border-color:#2c69c1;}
.job_list01 .top a.cur{background:#2c69c1; color:#fff; border-color:#2c69c1;}



/* 安全管理 */
.safety .odd{padding-top:0.8rem; padding-bottom:0.8rem;}
.safety .odd .wrap{position:relative;}
.safety .odd .content .left{float:left; width:41.56%; }
.safety .odd .content .left .img01 .rect-8506{padding-bottom:85.54%;}
.safety .odd .content .right{position:absolute; right:0; bottom:0; width:18.75%; overflow:hidden;}
.safety .odd .content .right .img02 .rect-81{padding-bottom:81.667%;}
.safety .odd .content .center{position:absolute; right:11%; top:1rem; width:41.875%; z-index:10; overflow:hidden; box-sizing:border-box;}
.safety .odd .content .center .words_box a{display:block;}
.safety .odd .content .center .words_box .tit{color:#2c69c1; font-size:0.22rem; font-weight:bold;}
.safety .odd .content .center .words_box .time{padding:0.1rem 0;}
.safety .odd .content .center .words_box .time .t{color:#333; font-size:0.15rem; display:inline-block;}
.safety .odd .content .center .words_box .time .icon{width:14px; height:14px; display:inline-block; background:url(../img/safety01_time01.png) no-repeat;}
.safety .odd .content .center .words_box .con{color:#333; font-size:0.15rem; line-height:0.3rem; height:.9rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.safety .odd .title{position:absolute; right:0; top:0; font-size:0.42rem; font-weight:bold; color:#d5d5d5; text-align:right;}
.safety .odd .title .tit01{position:relative;  text-align: right;}
.safety .odd .title .tit02{display:inline-block; writing-mode:vertical-rl; line-height:1; letter-spacing: 0.05rem;}
.safety .odd .slick-dots{position:absolute; left:105%; bottom:0.1rem; text-align:left;}
.safety .odd .slick-dotted.slick-slider{margin-bottom:0;}
.safety .odd .slick-dots li{margin:0; padding:0; width:4px; height:6px; margin-right:16px;}
.safety .odd .slick-dots li button{background:#b2b2b2; padding:0; color:#b2b2b2; width:4px; height:6px;}
.safety .odd .slick-dots li.slick-active button{background:#2c69c1; padding:0; color:#2c69c1; width:4px; height:6px;}
.safety .odd .slick-dots li button:before{content:'';}

.safety .even{padding-top:0.8rem; padding-bottom:0.8rem; background: #f4f4f4;}
.safety .even .wrap{position:relative;}
.safety .even .content .left{float:right; width:41.56%; }
.safety .even .content .left .img01 .rect-8506{padding-bottom:85.54%;}
.safety .even .content .right{position:absolute; left:0; bottom:0; width:18.75%; overflow:hidden; }
.safety .even .content .right .img02 .rect-81{padding-bottom:81%;}
.safety .even .content .center{position:absolute; left:10.18%; top:1rem; width:41.875%; z-index:10; overflow:hidden; box-sizing:border-box;}
.safety .even .content .center .words_box a{display:block;}
.safety .even .content .center .words_box .tit{color:#2c69c1; font-size:0.22rem; font-weight:bold;}
.safety .even .content .center .words_box .time{padding:0.1rem 0;}
.safety .even .content .center .words_box .time .t{color:#333; font-size:0.15rem; display:inline-block;}
.safety .even .content .center .words_box .time .icon{width:14px; height:14px; display:inline-block; background:url(../img/safety01_time01.png) no-repeat;}
.safety .even .content .center .words_box .con{color:#333; font-size:0.15rem; line-height:0.3rem; height:.9rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.safety .even .title{position:absolute; left:0; top:0; font-size:0.42rem; font-weight:bold; color:#d5d5d5; text-align:left;}
.safety .even .title .tit01{position:relative; text-align:left;}
.safety .even .title .tit02{display:inline-block; writing-mode:vertical-rl; line-height:1; letter-spacing: 0.05rem;}
.safety .even .slick-dots{position:absolute; right:105%; bottom:0.1rem; text-align:right;}
.safety .even .slick-dotted.slick-slider{margin-bottom:0;}
.safety .even .slick-dots li{margin:0; padding:0; width:4px; height:6px; margin-right:16px;}
.safety .even .slick-dots li button{background:#b2b2b2; padding:0; color:#b2b2b2; width:4px; height:6px;}
.safety .even .slick-dots li.slick-active button{background:#2c69c1; padding:0; color:#2c69c1; width:4px; height:6px;}
.safety .even .slick-dots li button:before{content:'';}

/* 油品运输 */
.pro_transport_banner{position:relative;}
.pro_transport_banner .img .img_overlay{position:absolute; bottom:0; left:0; right:0; z-index:1;}
.pro_transport_banner .infor{position:absolute; width:100%; top: calc(50% - 0.5rem); transform: translateY(-50%);}
.pro_transport_banner .infor .tit{color:#fff;}
.pro_transport_banner .infor .con{color:#fff; width:36%; margin-top:0.2rem;}

.pro_transport_banner{display:none;}


.pro_transport01{position:relative; padding:0.8rem 0; z-index:5;}
.pro_transport01 .img{width:64.6%; margin:0.6rem auto 0;}
.pro_transport01 .img .img_1{float:left; width:29.8%; margin-right:5.3%; border-radius:50%; overflow:hidden; animation:nudgeMouse 1.6s linear infinite;}
.pro_transport01 .img .img_2{float:left; width:29.8%; margin-right:5.3%; border-radius:50%; overflow:hidden; animation:nudgeMouse 1.6s linear infinite 0.2s;}
.pro_transport01 .img .img_3{float:left; width:29.8%; margin-right:0; border-radius:50%; overflow:hidden; animation:nudgeMouse 1.6s linear infinite 0.4s;}
.pro_transport01 .intro{text-align:center;}
.pro_transport01 .intro .tit{text-align:center; font-weight:bold; color:transparent; background:url(../img/pro_transport01_tit_bg.jpg) no-repeat center; background-attachment: fixed; -webkit-background-clip:text; background-clip: text; }
.pro_transport01 .intro .con{font-size:0.15rem; color:#666; text-align:center; width:58%; margin:0.24rem auto 0; line-height:0.3rem;}
.pro_transport01 .intro .scroll_down{display:inline-block; position:relative; margin-top:0.8rem; user-select:none; cursor:pointer;}
.pro_transport01 .intro .scroll_down .arrow{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.pro_transport01 .intro .scroll_down .circle{animation:spin 5s linear infinite;}

.pro_transport01 .intro .scroll_down{display:none;}
@keyframes spin {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* 办公综合体 ljx*/
.bangong_header{height:1rem;}
.bangong_ban{position:relative; width:100%;}
.bangong_ban .img_01{position:absolute; left: 0; top:0; width:100%;}
.bangong_ban .img_{width:100%;}
.bangong_ban .intro{position:absolute; left:0; width:100%; top:1.8rem; z-index:3;}
.bangong_ban .intro .info .tit{color:#000;}
.bangong_ban .intro .info .tit img{width:1.55rem; margin-left:0.4rem; vertical-align:middle;}
.bangong_ban .intro .info .con{color:#666; margin-top:0.3rem; width:34%;}
.bangong01{padding:0.5rem 0; position:relative;}
.bangong01::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:calc(100% + 4rem); background:url(../img/bangong01_1.jpg) no-repeat center/cover; z-index:-1;}
.bangong01 .content{position:relative; /*padding-bottom:0.74rem;*/}
.bangong01 .content .left{width:48.125%; float:left; margin-top:1rem;}
.bangong01 .content .left .infor{color:#fff;}
.bangong01 .content .left .infor .con{margin:0.2rem 0 0.5rem;}
.bangong01 .content .left .infor .common_btns{border-color:#fff;}
.bangong01 .content .left .infor .common_btns a{color:#fff;}
.bangong01 .content .left .infor .common_btns a i{margin-left:0.2rem; margin-right:0; line-height:0.3rem;}
.bangong01 .content .left .infor .common_btns:hover{border-color:#2c69c1;}

.bangong01 .content .right{width:46.75%; float:right;}
.bangong01 .content .list{position:absolute; width:100%; left:0; bottom:0; background:rgba(255,255,255,.79); z-index:2;}
.bangong01 .content .list{display:none;}
.bangong01 .content .list li{width:25%; float:left; position:relative}
.bangong01 .content .list li .box{padding:0.3rem 0.1rem; text-align:center;}
.bangong01 .content .list li .box .num{font-size:0.4rem; line-height:0.4rem; color:#000; font-weight:bold;}
.bangong01 .content .list li .box .txt{font-size:0.15rem; line-height:28px; color:#777; margin-top:0.12rem;}
.bangong01 .content .list li:after{content:''; width:1px; height:100%; background:#E5E5E5; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.bangong01 .content .list li:first-child:after{display:none;}
.bangong02{margin:1rem 0 0.8rem;}
.bangong02 .infor .tit{padding-top:16px;}
.bangong02 .infor .con{width:43.75%; float:right}
.bangong02 .infor .con .item{ color:#000; width:33.33%; float:left; text-align:center; padding-bottom:10px; border-bottom:1px solid #EEEEEE; position:relative; cursor:pointer;}
.bangong02 .infor .con .item:after{content:''; width:6px; height:6px; background:#f3a027; position:absolute; left:50%; transform:translateX(-50%); bottom:-3px; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.bangong02 .infor .con .item .icon{width:42px; height:42px; margin:0 auto 5px;}
.bangong02 .infor .con .item .text{font-size:0.15rem; line-height:0.3rem; color:#000;}
.bangong02 .infor .con .item.on{border-color:#f3a027;}
.bangong02 .infor .con .item.on .text{color:#f3a027;}
.bangong02 .infor .con .item.on:after{opacity:1; visibility:visible;}
.bangong02 .infor .con .item.on .icon{background-position:0 -43px;}
.bangong02 .content{margin-top:0.5rem;}
.bangong02 .content .item{display:none; position:relative;}
.bangong02 .content .owl-item .item{display:block;}
.bangong02 .content .item .cover{position:absolute; left:0; bottom:0; background:rgba(255,255,255,.83); width:32.625%;}
.bangong02 .content .item .cover .box{padding:0.35rem 0.3rem 0.25rem;}
.bangong02 .content .item .cover .box .c{font-size:0.15rem; line-height:0.3rem; color:#666666; margin:0.13rem 0 0.3rem;}
.bangong02 .content .item .cover .box .common_btns{background:#f3a027; border-color:#f3a027;}
.bangong02 .content .item .cover .box .common_btns a{color:#fff;}
.bangong02 .content .item .cover .box .common_btns:hover{border-color:#2c69c1;}
.bangong02 .content .item .cover .box .common_btns a i{margin-left:0.2rem; margin-right:0; line-height:0.3rem;}


/* 公共联系金年会金字招牌诚信至上 ljx*/
.common_contact{background:url(../img/common_contact.jpg) no-repeat center/cover; padding:0.8rem 0;}
.common_contact .infor{color:#fff; text-align:center;}
.common_contact .infor .c{margin:0 auto 24px; font-weight:bold;}
.common_contact .infor .common_btns{background:#2c69c1; border-color:#2c69c1;}
.common_contact .infor .common_btns a{color:#fff;}
.common_contact .infor .common_btns a i{margin-left:0.2rem; margin-right:0; line-height:0.3rem;}
.bangong03.common_contact .infor .con{font-size:0.15rem; line-height:0.3rem; width:50%; margin:15px auto 0;}
.common_contact .infor .con{font-size:0.15rem; line-height:0.3rem; width:50%; margin:10px auto 24px;}
.bangong03.common_contact .infor .tit span{position:relative; padding-left:1rem;}
.bangong03.common_contact .infor .tit span::before{content:''; position:absolute; left:0; top:0; width:0.85rem; height:0.32rem; background:url(../img/bangong_ban03.png) no-repeat center/cover; ;}
.pro_transport02.bangong03.common_contact .infor .con{margin:10px auto 24px;}

/* 写字楼招商 */
.investXZL01{height:100vh; position:relative; overflow:hidden;}
.investXZL01 .right{width:calc(100% - 4.2rem); position:absolute; right:0; height:calc(100vh - 1.01rem); bottom:0; overflow:hidden;}
.investXZL01 .right&gt;img{position:absolute; right:50%; top:50%; transform:translate(50%,-50%); width:auto; max-width:none; height:100%; min-width:100%;}
.investXZL01 .overlay{position:absolute; top:0; left:0; right:0; bottom:-2px; z-index:-1; opacity:0; overflow:hidden;}
.investXZL01 .overlay .img_logo{position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; background-position:center; background-repeat:no-repeat; background-size:cover;}
.investXZL01 .overlay .intro_box{position:absolute; left:0; right:0; top:68%; text-align:center; z-index:4;}
.investXZL01 .overlay .intro_box .arrow{margin-top:0.24rem;}
.investXZL01 .overlay .intro_box .arrow .iconfont{font-size:1.4em;}

.b_hint {opacity:1; transition:all .5s ease; display:flex; align-items:center; font-size:.16rem; line-height:1; color:#fff; position:absolute; bottom:1rem; left:50%; transform:translateX(-50%);} 
.b_hint.cur{opacity:0;} 
.b_hint&gt;div{width:18px; margin-right:0.2rem; height:25px; border-radius:20px; border:2px solid #fff; position:relative; box-sizing:border-box;}
.b_hint span{left:6px; position:absolute; top:5px; width:2px; height:5px; background-color:#fff; border-radius:1px; animation:upDown 1s ease-out infinite;}
  
@keyframes upDown {
	to {
	  transform: translate3d(0, 100%, 0);
	}
}

.investXZL01 .b_hint{bottom:0.6rem;}
.zcyz .b_hint{bottom:0.6rem;}

.investXZL02{margin:0.8rem 0;}
.investXZL02 .item{position:relative;}
.investXZL02 .item .bg{width:100%;}
.investXZL02 .item .bg img{width:100%;}
.investXZL02 .item .cover{position:absolute; top:12.7%; right:0; width:54%; height:74.6%; background:#fbfbfb; z-index:2; box-shadow:0px 4px 9px 0px rgba(10, 2, 4, 0.06);}
.investXZL02 .item .infor{position:absolute; top:50%; left:50%; width:84.4%; transform:translate(-50%,-50%);}
.investXZL02 .item .infor .con{margin-top:0.15rem; max-height:2.4rem; color:#666666; overflow-y:auto; padding-right:0.05rem; text-align:justify;}
.investXZL02 .item .infor .con::-webkit-scrollbar {width:2px; height:4px;}
.investXZL02 .item .infor .con::-webkit-scrollbar-thumb {border-radius:5px; background:#2c69c1; }
.investXZL02 .item .infor .con::-webkit-scrollbar-track {border-radius:0; background:#fff;}
.investXZL02 .item02{margin-top:0.8rem;}
.investXZL02 .item02 .cover{left:0;}

.investXZL03{margin-bottom:0.8rem;}
/* .investXZL03 .top{text-align:center;} */
/* .investXZL03 .top .con{width:55%; margin:0.1rem auto 0.25rem;} */
.investXZL03 .top .con a{font-weight:bold;}
.investXZL03 .bott{overflow:hidden;position: relative;z-index: 1;}

/* 成品油贸易 ljx*/
.cp_oil_ban{position:relative; width:100%; z-index: ;}
.cp_oil_ban .img_01{position:absolute; left: 0; top:0; width:100%;}
.cp_oil_ban .img_{width:100%;}
.cp_oil_ban .intro{position:absolute; left:0; width:100%; top:1.8rem; z-index:3;}
.cp_oil_ban .intro .info .tit{color:#000;}
.cp_oil_ban .intro .info .tit img{width:1.55rem; margin-left:0.4rem; vertical-align:middle;}
.cp_oil_ban .intro .info .con{color:#666; margin-top:0.3rem; width:34%;}
.cp_oil01{padding:1.17rem 0; position:relative;}
.cp_oil01::before{content:''; width:9.23rem; height:10.21rem; background:url(../img/cp_oil01_bg_news.png) no-repeat center/cover; position:absolute; right:0; top:-4.3rem; pointer-events:none;}
.cp_oil01 .left{width:51.25%; float:left;}
.cp_oil01 .left .infor .con{margin-top:0.3rem; color:#666;}
.cp_oil01 .right{float:right; margin-right:5.625%; width:38.75%;}
.cp_oil01 .right .rect-133{padding-bottom:133%;}
.cp_oil01 .right .img_{width:47%; float:left; margin-left:2.2%;}
.cp_oil01 .right .img_1{animation:nudgeMouse 1.6s linear infinite;}
.cp_oil01 .right .img_2{margin-top:0.75rem;;animation:nudgeMouse 1.6s linear infinite 0.2s;}
.cp_oil02{padding:0.7rem 0 1rem; background:#fbfbfb;}
.cp_oil02 .infor .con_l{color:#666; width:65%; margin-top:0.15rem}
.cp_oil02 .infor .con_r{position:relative}
.cp_oil02 .content{margin-top:0.3rem;}
.cp_oil02 .content .rect-71{padding-bottom:71%;}
.cp_oil02 .content .item{display:none;}
.cp_oil02 .content .owl-item .item{display:block;}
.cp_oil02 .content .item a{display:block; padding:5px 5px 10px;}
.cp_oil02 .content .item .info{padding:0.25rem; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1);}
.cp_oil02 .content .item .info .tit{font-size:0.18rem; line-height:0.35rem; color:#000; text-align:center;}
.cp_oil02 .cp_oil02_btn&gt;div{width:36px; height:36px; z-index:2; font-size:0; cursor:pointer;  transition:all 0.5s ease; display:inline-block;;}
.cp_oil02 .cp_oil02_btn .owl-prev {background:url(../img/widgets_common_pages_4_1.png) no-repeat center;}
.cp_oil02 .cp_oil02_btn .owl-next {margin-left:20px; background:url(../img/widgets_common_pages_4_2.png) no-repeat center}
.cp_oil02 .cp_oil02_btn .owl-prev:hover {background:url(../img/widgets_common_pages_4_3.jpg) no-repeat center;}
.cp_oil02 .cp_oil02_btn .owl-next:hover {background:url(../img/widgets_common_pages_4_4.jpg) no-repeat center;}
.cp_oil_album .album_ordinary .album_close{background:#2c69c1;}


/* 合作伙伴 */
.cooperation01{background:#f7f7f7; overflow:hidden; height:8rem;}
.cooperation01 .title{text-align:center; padding-top:0.45rem; position:relative; z-index:2;}
.cooperation01 .content{position:relative; width:100%; }
.cooperation01 .content .center{background:#fff; border-radius:50%; box-shadow:0px 11px 30.4px 7.6px rgba(0, 0, 0, 0.04); display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.cooperation01 .content .center img{display:block; padding:0.92rem 0.36rem; height:0.52rem; width:1.63rem;}
.cooperation01 .content .center::before,
.cooperation01 .content .center::after{content:''; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:5.5rem; height:5.5rem; border-radius:50%; border:1px dotted #cccccc;}
.cooperation01 .content .center::before{width:8rem; height:8rem;}
.cooperation01 .content .center span::after,
.cooperation01 .content .center span{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:10.5rem; height:10.5rem; border-radius:50%; border:1px dotted #cccccc;}
.cooperation01 .content .center span::after{width:14rem; height:14rem; content:'';}
.cooperation01 .content .partner{position:absolute; left:50%; width:12.5rem; height:100%; transform:translateX(-50%);}
.cooperation01 .content .partner .item{position:absolute;}

/* 在线留言 */
.zxly{margin:0.8rem 0;}
body .channelcontent-546 .form-m1 .form-m1-btn ._submit{background:#2c69c1;}

/* 产品列表 wzb*/
.pro_list01{margin-top:.8rem; margin-bottom:.5rem;}
.pro_list01 .hd{font-size:0.15rem; line-height:.55rem; color:#000; height:.55rem; box-shadow:rgb(234 234 234) 0px 11px 20px 0px; display:inline-block;}
.pro_list01 .hd .select_box{width:1.2rem; box-sizing:border-box; float:left; position:relative;}
.pro_list01 .hd .select_box::after{position:absolute; top:50%; transform:translateY(-50%); right:0; width:1px; height:80%; background:#eee; height:60%; content:'';}
.pro_list01 .hd .select_box .opt{position:relative; padding:0 1em;}
.pro_list01 .hd .select_box span{display:block;}
.pro_list01 .hd .select_box i{position:absolute; right:1em; top:50%; transform:translateY(-50%); cursor:pointer;}
.pro_list01 .hd .select_box ul{display:none; box-shadow:-3px 4px 20px 0px #eaeaea; width:100%; box-sizing:border-box; padding:0 1em; position:relative; z-index:10; background:#fff;}
.pro_list01 .hd .select_box ul li{cursor:pointer; line-height:.4rem;}
.pro_list01 .hd .input_{width:7.3rem; padding-left:2em; float:left;}
.pro_list01 .hd .input_ input{width:calc(100% - .55rem); border:0; margin:0; padding:0; float:left; height:100%; line-height:.55rem; height:.55rem; box-sizing:border-box; padding-right:2em;}
.pro_list01 .hd .input_ .icon{float:left; width:.55rem; height:.55rem; line-height:.55rem; background:#2c69c1; cursor:pointer; text-align:center;}
.pro_list01 .hd .input_ .icon i{display:block; color:#fff; font-weight:bold; font-size:2em;}
.pro_list01 .result{text-align:right; line-height:24px; font-size:0.15rem; color:#8c8c8c; border-bottom:1px solid #e5e5e5; margin-top:.45rem;}
.pro_list01 .bd .content{margin-top:.3rem;}
.pro_list01 .bd .content ul{display:flex; flex-wrap:wrap;}
.pro_list01 .bd .content li{width:23.8%; margin-right:1.6%; margin-bottom:20px; border:1px solid #dfdfdf; display:flex; align-items:flex-end; height:5.5rem; box-sizing:border-box; padding-bottom:.4rem; position:relative; transition:all .4s ease; background:#fff;}
.pro_list01 .bd .content li:hover{box-shadow:-9px 0px 19.8px 0.2px rgb(0 0 0 / 10%); border-color:transparent;}
.pro_list01 .bd .content li.hot::after{position:absolute; left:-1px; top:-1px; background:url(../img/pro_list_2.jpg.png) no-repeat center; background-size:cover; width:.53rem; height:.51rem; content:''; z-index:9;}
.pro_list01 .bd .content li.new::after{position:absolute; left:-1px; top:-1px; background:url(../img/pro_list_3.jpg.png) no-repeat center; background-size:cover; width:.53rem; height:.51rem; content:''; z-index:9;}
.pro_list01 .bd .content li .li_box{width:100%;}
.pro_list01 .bd .content li .li_box .left{display:block; padding:0 5%; width:100%; box-sizing:border-box; transition:all .4s ease;}
.pro_list01 .bd .content li .li_box .left .img_{margin-bottom:.5rem; transition:all .4s ease;}
.pro_list01 .bd .content li .li_box .left .rect-845{padding-bottom:84.5%;}
.pro_list01 .bd .content li .li_box .left .con{text-align:center; transition:all .4s ease; overflow:hidden; height:.81rem;}
.pro_list01 .bd .content li .li_box .left .con .t{font-size:0.15rem; font-weight:bold; line-height:1; color:#000; margin-bottom:.15rem;}
.pro_list01 .bd .content li .li_box .left .con .c{font-size:0.15rem; color:#000; line-height:1.5;}
.pro_list01 .bd .content li .li_box .left .con .c span{display:inline-block; margin-right:.5em;}
.pro_list01 .bd .content li .li_box .left .con .c span:last-child i{display:none;}
.pro_list01 .bd .content li .li_box .left .con .c span:last-child{margin-right:0;}
.pro_list01 .bd .content li .li_box .left .spots{font-size:0; color:#000; display:flex; flex-wrap:wrap; padding:0 10%; transition:all .4s ease; height:0; overflow:hidden;}
.pro_list01 .bd .content li .li_box .left .spots .spot{width:50%; font-size:0.15rem; line-height:1; white-space:nowrap;}
.pro_list01 .bd .content li .li_box .left .spots .spot .icon{display:inline-block; vertical-align:middle; width:10px; height:10px; background:#2c69c1; margin-right:.5em;}
.pro_list01 .bd .content li .li_box .left .spots .spot span{display:inline-block; vertical-align:middle; }
.pro_list01 .bd .content li:hover .li_box .left .con{height:0px;}
.pro_list01 .bd .content li:hover .li_box .left .spots{height:1.2rem;}
.pro_list01 .bd .content li .li_box .right{position:absolute; width:108%; height:calc(100% + 2px); top:-1px; left:100%; transform:rotateY(-90deg); transition:all .4s ease-in-out; box-shadow:rgb(0 0 0 / 10%) 20px 0px 20px 0px; z-index:11; padding-top:.8rem; box-sizing:border-box; transform-origin: left center; background:#fff;}
.pro_list01 .bd .content li:hover .li_box .right{transform:rotateY(0);}
.pro_list01 .bd .content li .li_box .right .right_box{padding:0 8% 0 4%; color:#000;}
.pro_list01 .bd .content li .li_box .right .t{font-size:0.15rem; font-weight:bold; line-height:1; margin-bottom:.2rem;}
.pro_list01 .bd .content li .li_box .right .c{font-size:0.15rem; line-height:1; margin-bottom:.3rem;}
.pro_list01 .bd .content li .li_box .right .text{font-size:0.15rem; line-height:.26rem; height:2.08rem; overflow:hidden; display:-webkit-box;
-webkit-line-clamp:8; -webkit-box-orient: vertical;}
.pro_list01 .bd .content li .li_box .right .more{margin-top:.5rem;}
.pro_list01 .bd .content li .li_box .right .more .common_btns{width:48%; margin-left:4%; box-sizing:border-box; padding:.06rem 0; text-align:center; line-height:1; border-radius:.2rem; margin:0;}
.pro_list01 .bd .content li .li_box .right .more .common_btns:last-child{margin-left:0%;}
.pro_list01 .bd .content li:nth-child(4n){margin-right:0;}
.pro_list01 .bd .content li:nth-child(4n) .li_box .right{left:inherit;  right:100%; transform-origin:right center; box-shadow:rgb(0 0 0 / 10%) -20px 0px 20px 0px;}
.pro_list01 .bd .content li:nth-child(4n) .li_box .right .right_box{padding:0 4% 0 8%;}
.pro_list01 .bd .content li:nth-child(4n):hover .li_box .right{transform:rotateY(0deg); }

.pro_list02{position:fixed; width:100vw; height:100vh; top:0; left:0; z-index:99; display:none;}
.pro_list02 .pro_bg{position:absolute; width:100vw; height:100vh; top:0; left:0; background: url(../img/black.6.png) center;}
.pro_list02 .pro_content{position:fixed; top:50%; transform:translate(-50%,-50%); left:50%; z-index:99; width:80vw; height:80vh; background:#fff; padding:.5rem; box-sizing:border-box;}
.pro_list02 .pro_content .close{position:absolute; top:.3rem; right:.3rem; background:url(../img/pro_close.png)  no-repeat center; background-size:cover; width:.3rem; height:.3rem; cursor:pointer;}
.pro_list02 .pro_content .content{width:100%; height:100%; overflow:hidden;}
.pro_list02 .pro_content .content .left{width:44%; float:left; position:relative; height:100%;}
.pro_list02 .pro_content .content .left .owl-carousel{position:absolute; top:50%; transform:translateY(-50%); left:0;}
.pro_list02 .pro_content .content .rect-845{padding-bottom:84.5%;}
.pro_list02 .pro_content .content .norms{text-align:center; margin-top:.3rem;}
.pro_list02 .pro_content .content .right{width:49%; float:right;}
.pro_list02 .pro_content .content .right .con .t{margin:.1rem 0; line-height:1;}
.pro_list02 .pro_content .content .right .con .c{height:56vh; overflow:hidden; overflow:auto;}
.pro_list02 .pro_content .content .right .con .c::-webkit-scrollbar {width:2px; height:4px;}
.pro_list02 .pro_content .content .right .con .c::-webkit-scrollbar-thumb {border-radius:5px; background:#2c69c1;}
.pro_list02 .pro_content .content .right .con .c::-webkit-scrollbar-track {border-radius:0; background:#e2e2e2;}


/* 石油仓储 ljx*/
.shiyou_ban{position:relative; width:100%;}
.shiyou_ban .img_01{position:absolute; left: 0; top:0; width:100%;}
.shiyou_ban .img_{width:100%;}
.shiyou_ban .intro{position:absolute; left:0; width:100%; top:1.8rem; z-index:3;}
.shiyou_ban .intro .info .tit{color:#000;}
.shiyou_ban .intro .info .tit img{width:1.55rem; margin-left:0.4rem; vertical-align:middle;}
.shiyou_ban .intro .info .con{color:#666; margin-top:0.3rem; width:34%;}

.shiyou01{padding:0.8rem 0 0.6rem; position:relative; z-index:2; background-size:cover;}
.shiyou01::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:7.65rem; background:url(../img/shiyou01_1.png) no-repeat top center; z-index:-1;}
.shiyou01 .infor {text-align:center; padding:0 12.5%;}
.shiyou01 .infor .con{color:#666; margin-top:0.2rem;}
.shiyou01 .content{margin-top:0.7rem; padding:0 12.5%;}
.shiyou01 .content li{width:33%; float:left; text-align:center;}
.shiyou01 .content li .icon{width:43px; height:43px; margin:0 auto 0.23rem; transition:all 0.5s ease;}
.shiyou01 .content li .tit{font-size:0.15rem; line-height:0.3rem; color:#000; margin-bottom:5px;}
.shiyou01 .content li .tit span{font-size:0.42rem; display:inline-block;}
.shiyou01 .content li .txt{font-size:0.15rem; line-height:0.3rem; color:#666666;}
.shiyou01 .content li:hover .icon{transform:rotateY(180deg);}
.shiyou02{padding:0.9rem 0 0.8rem;}
.shiyou02 .con .item{font-size:0.18rem; padding:0 0.3rem; line-height:0.3rem; color:#666666; position:relative; border-bottom:1px solid #BFBFBF; float:left; padding-bottom:0.13rem; cursor:pointer;}
.shiyou02 .con .item:after{content:''; width:100%; height:2px; background:#2C69C1; position:absolute; left:0; bottom:
-1px; transform:scale(0); transition:all 0.5s ease;}
.shiyou02 .con .item.cur{color:#2c69c1;}
.shiyou02 .con .item.cur:after{transform:scale(1);}
.shiyou02 .content{margin-top:0.4rem; position:relative; overflow:hidden;}
.shiyou02 .content .rect-62{padding-bottom:62%;}
.shiyou02 .content .anniu{margin-top:0.5rem;}
.shiyou02 .content .anniu_l{float:left;   text-align:center; font-size:0;}
.shiyou02 .content .anniu_l .swiper-button-next, 
.shiyou02 .content .anniu_l .swiper-button-prev{position:static; width:42px; height:42px; display:inline-block; margin:0 0.1rem; outline:none;}
.shiyou02 .content .anniu_l .swiper-button-prev{background:url(../img/shiyou03_1.png) no-repeat center;}
.shiyou02 .content .anniu_l .swiper-button-next{background:url(../img/shiyou03_2.png) no-repeat center;}
.shiyou02 .content .anniu_r{float:right; width:86%; margin-top:20px;}
.shiyou02 .content .anniu_r .swiper-pagination{position:static; height:4px; background:#C2C2C2;}
.shiyou02 .content .anniu_r .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#2c69c1;}
.shiyou02 .content .intro{position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:0 20px; background:rgba(0,0,0,.4);}
.shiyou02 .content .intro .t{font-size:0.15rem; line-height:0.3rem; color:#fff; text-align:center; padding:10px 0;}


.shiyou04{position:relative;}
.shiyou04 .left{width:46.8%;}
.shiyou04 .left .rect-7333{padding-bottom:73.33%;}

.shiyou04 .right{width:41.6%; float:left;}
.shiyou04 .right .con{color:#666666; min-height:0.9rem; margin-bottom:0.6rem;}

.shiyou04 .content li{width:33%; float:left; text-align:center;}
.shiyou04 .content li .icon{width:43px; height:43px; margin:0 auto 0.23rem; transition:all 0.5s ease;}
.shiyou04 .content li .tit{font-size:0.15rem; line-height:0.3rem; color:#000; margin-bottom:5px;}
.shiyou04 .content li .tit span{font-size:0.42rem; display:inline-block;}
.shiyou04 .content li .txt{font-size:0.15rem; line-height:0.3rem; color:#666666;}
.shiyou04 .content li:hover .icon{transform:rotateY(180deg);}


.float-cursor{position:fixed; top:0; left:0; z-index:40; margin-left:-53px; margin-top:-22px; pointer-events:none; display:none;}







/* 加油站运营 */
.gas.xc_banner{margin-top:1rem;}
.gas01{position:relative;}
.gas01 .content{position:relative;}
.gas01::after{content:''; position:absolute; left:0; top:0; width:39%; height:114%; background:url(../img/gas01_cover01.png) no-repeat top center/cover; pointer-events:none;}
.gas01 .left{width:47.5%; padding-top:1.1rem;}
.gas01 .left .con{text-align:justify; margin-top:0.1rem; height:1.5rem; overflow-y:auto; padding-right:0.05rem;}
.gas01 .left .con::-webkit-scrollbar {width:2px; height:4px;}
.gas01 .left .con::-webkit-scrollbar-thumb {border-radius:5px; background:#149817; }
.gas01 .left .con::-webkit-scrollbar-track {border-radius:0; background:#fff;}
.gas01 .left .num_box{margin-top:0.2rem;}
.gas01 .left .num_box .num{display:inline-block; margin-right:10%; text-align:center;}
.gas01 .left .num_box .num .number{color:#000; font-family:Arial; font-weight:bold; letter-spacing:0; transition:all .4s ease;}
.gas01 .left .num_box .num:last-child{margin-right:0;}
.gas01 .left .num_box .num:hover .number{color:#149817;}
.gas01 .right{width:46.25%; }
.gas01 .right .swiper-container::after{content:''; position:absolute; top:-2px; left:-2px; width:calc(100% + 4px); height:calc(100% + 4px); background:url(../img/gas01_cover.png) no-repeat center/cover; z-index:10;}
.gas01 .right .swiper-container .swiper-slide img{width:100%;}
.gas01 .right .swiper-pagination{text-align:left; bottom:12%; color:#149817; font-size:0.15rem; line-height:0.3rem;}
.gas01 .right .swiper-pagination .swiper-pagination-current{font-size:0.22rem;}
.gas01 .right .swiper-scrollbar{position:absolute; bottom:14%; left:1rem; width:1.6rem; height:2px; z-index:10;}
.gas01 .right .swiper-scrollbar-drag{position:absolute; bottom:0; left:0; background:#149817;}


.gas02{margin:0.8rem 0;}
.gas02 .content{height:calc(100vh - 2rem); overflow:hidden; margin-top:0.2rem;}
.gas02 .content .left{width:33.75%; height:100%;}

.gas02 .content .left .left_top{background:#737d8e; padding:6%; box-sizing:border-box;}
.gas02 .content .left .left_top .item{width:100%; margin-bottom:0.2rem; border:1px solid #fff; line-height:0.46rem; height:0.46rem; color:#fff; font-size:0.15rem; position:relative; cursor:pointer;}
.gas02 .content .left .left_top .item:last-child{margin-bottom:0;}
.gas02 .content .left .left_top .item input, 
.gas02 .content .left .left_top .item button{border:none; padding:0; outline:none; resize:none; background:transparent; font-size:0.15rem; height:100%; color:#fff;}
.gas02 .content .left .left_top .item input::-webkit-input-placeholder{font-size:0.15rem; color:#fff;}
.gas02 .content .left .left_top .item input::-moz-placeholder{font-size:0.15rem; color:#fff;}
.gas02 .content .left .left_top .item input:-moz-placeholder{font-size:0.15rem; color:#fff;}
.gas02 .content .left .left_top .item input:-ms-input-placeholder{font-size:0.15rem; color:#fff;}
.gas02 .content .left .left_top .item .item_l{width:86%; float:left; padding-left:0.2rem; box-sizing:border-box; position:relative;}

.gas02 .content .left .left_top .item .item_r{width:14%; float:right; position:relative; height:100%; cursor:pointer;}
.gas02 .content .left .left_top .item .item_r::before{content:''; width:1px; height:45%; background:#fff; position:absolute; left:0; top:50%; transform:translate(0,-50%);}
.gas02 .content .left .left_top .item .item_r::after{content:''; width:12px; height:10px; background:url(../img/network_jt.png) no-repeat center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.gas02 .content .left .left_top .item.item01 .item_r::after{width:18px; height:18px; background:url(../img/network_search.png) no-repeat center; background-size:cover;}
.gas02 .content .left .left_top .item .item_down{display:none; position:absolute; top:100%; left:0; width:100%; background:#fff; box-shadow:0px 7px 15px 0px rgb(0 0 0 / 10%); z-index:2; max-height:1.5rem; overflow:auto; padding-left:0.2rem; box-sizing:border-box;}
.gas02 .content .left .left_top .item .item_down::-webkit-scrollbar{width:2px; height:4px;}
.gas02 .content .left .left_top .item .item_down::-webkit-scrollbar-thumb{background:#149817;}
.gas02 .content .left .left_top .item .item_down::-webkit-scrollbar-track{background:#ffffff;}
.gas02 .content .left .left_top .item .item_down li{color:#000000; line-height:0.3rem; cursor:pointer;}
.gas02 .content .left .left_top .item.cur .item_r::after{transform:rotate(180deg) translate(50%,50%);}
.gas02 .content .left .left_top .item.item01.cur .item_r::after{transform:rotate(0) translate(-50%,-50%);}
.gas02 .content .left .left_bott{padding:0 0.25rem; box-sizing:border-box; overflow:auto; max-height:calc(100vh - 4.5rem);}
.gas02 .content .left .left_bott::-webkit-scrollbar{width:2px; height:4px;}
.gas02 .content .left .left_bott::-webkit-scrollbar-thumb{background:#149817;}
.gas02 .content .left .left_bott::-webkit-scrollbar-track{background:#ffffff;}
.gas02 .content .left .left_bott li{border-bottom:1px solid #e1e1e1; padding:0.25rem 0; cursor:pointer;}
.gas02 .content .left .left_bott li .t{color:#000000; margin-bottom:0.1rem;}
.gas02 .content .left .left_bott li .c{color:#666666; opacity:0.8;}
.gas02 .content .left .left_bott li .c span{display:block;}
.gas02 .content .left .left_bott li:hover .t{color:#149817;}
.gas02 .content .left .left_bott li:hover a:hover{color:#149817;}
.gas02 .content .right{width:66.25%; height:100%;}
.gas02 .content .right .map{height:100%;}



/* 销售 */
.sale01{padding:0.8rem 0 0.4rem; background:url(../img/sale01_1.jpg) no-repeat center; background-size:cover;}
.sale01 .infor{text-align:center;}
.sale01 .infor .tit{margin-bottom:0.1rem;}
/* .sale01 .content{margin-top:0.4rem;} */
.sale01 .content .map{position:relative; width:77.188%;}
.sale01 .content .map .rect-73{padding-bottom:73%; mix-blend-mode:multiply;}
.sale01 .intro_box{width:27.9%; position:absolute; left:-15%; bottom:1.22rem; z-index:2; }
.sale01 .intro_box .item{display:none; padding:5px;}
.sale01 .intro_box .owl-item .item{display:block;}
.sale01 .intro_box .item .rect-63{padding-bottom:63%;}
.sale01 .intro_box .item .info{background:#fff; box-shadow:0 0 5px rgba(0,0,0,.1);}
.sale01 .intro_box .item .info .box{padding:0.3rem 0.4rem 0.2rem 0.25rem; line-height:0.24rem; color:#000;}
.sale01 .intro_box .item .info .box .tit{font-size:0.22rem;}
.sale01 .intro_box .item .info .box .con{font-size:0.15rem; margin:0.12rem 0 0.05rem;}
.sale01 .intro_box .item .info .box .txt{font-size:0.15rem;}
.sale01 .intro_box .item .info .box .more{width:1.8rem; overflow:hidden; height:0.5rem; line-height:0.5rem; transition:all .4s ease; position:relative; font-size:0.15rem; box-sizing:border-box; border:1px solid #888889; text-align:center; margin-top:0.3rem; cursor:pointer;}
.sale01 .intro_box .item .info .box .more span{display:block; position:relative; left:0; transition:all .4s ease; color:#000000;}
.sale01 .intro_box .item .info .box .more:hover span{left:3px; color:#fff;}

.sale01 .intro_box .item .info .box .more:hover{color:#fff; border-color:#2c69c1;}
.sale01 .intro_box .item .info .box .more::before{content:''; z-index:-1; position:absolute; width:0; left:-10%; background:#2c69c1; transform:skew(-20deg); top:0; height:100%; transition:all .4s ease; z-index:0;}
.sale01 .intro_box .item .info .box .more:hover::before{width:120%;}

.sale01 .content .map .dots {position:absolute; left:0; top:0; overflow:hidden; width:100%; height:100%;}
.sale01 .content .map .dots a{position:absolute; display:block;}
.sale01 .content .map .dots span{font-size:0.12rem; color:#fff; display:block;background: #2c69c1;padding:3px;    border-radius: 10px;}
.sale01 .content .map .dots i{width:10px; height:10px; border-radius:100%; position:absolute;background:#8aa8e6; left:50%; top:-20px; margin-left:-5px;}
.sale01 .content .map .dots i::before,
.sale01 .content .map .dots i::after {content:''; border-radius:100%; position:absolute; left:50%; top:50%;background:#8aa8e6;}
.sale01 .content .map .dots i::before {width:30px; height:30px; margin:-15px 0 0 -15px; opacity:.2;}
.sale01 .content .map .dots i::after {width:55px; height:55px; margin:-27.5px 0 0 -27.5px; opacity:.2;}
.sale01 .content .map .dots i::before  {transform:scale(0.1);animation:fangda1 2000ms infinite ease;}
.sale01 .content .map .dots i::after  {transform:scale(0.1);animation:fangda1 1500ms infinite ease;}
@keyframes fangda1{0%{transform:scale(0.1);opacity:1;}100%{transform:scale(1.0);opacity:0;}}
.sale01 .content .map .dots a.cur span,
.sale01 .content .map .dots a:hover span {color: #fff;transform: scale(1.4);}
.sale01 .content .map .dots a.cur i, 
.sale01 .content .map .dots a.cur i::before, 
.sale01 .content .map .dots a.cur i::after{background: #2c69c1;}
.sale01 .content .map .list {width:23.5%; position:absolute; right:-1rem; bottom:2rem; z-index:10;}
.sale01 .content .map .list li {display:block; position:relative; padding:20px 0; overflow:hidden; cursor:pointer;}
.sale01 .content .map .list li::after,
.sale01 .content .map .list li::before {content:''; width:100%; height:1px; background:#ccc;position:absolute; left:0; bottom:0;}
.sale01 .content .map .list li::before {width:0px;z-index:3;transition:all .4s ease;}
.sale01 .content .map .list li  span {color:#666e80; font-size:24px;}
.sale01 .content .map .list li  i {display: block;background: url('../img/right1.png');width: 8px;height: 16px;right: 0;position: absolute;top: 50%;margin-top: -8px;opacity: .5;}
.sale01 .content .map .list li.cur span {color: #2c69c1;}
.sale01 .content .map .list li.cur i {background: url(../img/right1_on.png);opacity: 1;}
.sale01 .content .map .list li.cur::before {width: 100%;background: #2c69c1;}

.sale01 .content .map{position:relative; margin:0 auto; margin-left:20%;}
.sale01 .content .map .list{display:none;}

.sale01.cp_sale{background:#f8f9fb;}
.sale01.cp_sale .content{position:relative;}
.sale01.cp_sale .infor{text-align:center; top:0; left:0; width:100%; z-index:20; position:relative; margin-bottom:0.4rem}

.sale01.cp_sale .content .map{width:74.6%; margin-right:3.75%; margin-left:auto;}
.sale01.cp_sale .content .map .rect-73{padding-bottom:74.8%; mix-blend-mode:darken;}
.sale01.cp_sale .intro_box{width:32%; position:absolute; left:0; bottom:1.6rem; z-index:2; }



/* 弹窗 */
.tc_box{width:100%; height:100%; position:fixed; left:0; top:0; z-index:60; display:none;}
.tc_box .bg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.34);}
.tc_box .content{width:1020px; height:745px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; padding:0.65rem 0.5rem; box-sizing:border-box;}
.tc_box .content .box .hd{font-size:0.22rem; line-height:0.25rem; color:#000; margin-bottom:0.2rem;}
.tc_box .content .box .box_1 .bd .item{width:47%; margin-right:6%; float:left;}
.tc_box .content .box .box_1 .bd .item:last-child{margin-right:0;}
.tc_box .content .box .box_1 .bd .item .t{position:relative; padding-left:0.3rem; font-size:0.15rem; line-height:0.3rem; height:0.9rem; overflow:hidden;}
.tc_box .content .box .box_1 .bd .item .t:after{content:''; width:17px; height:17px; background:url(../img/sale01_icon.png) no-repeat center; position:absolute; left:0; top:0.06rem;}
.tc_box .content .box .box_1 .bd .item .c{margin-top:0.1rem; height:2rem; overflow:hidden;}
.tc_box .content .box .box_1 .bd .item .c img{width:100%;}
.tc_box .content .box .box_1{margin-bottom:0.25rem;}
.tc_box .content .box .box_2 .bd{background:#f9f9f9; position:relative; overflow:hidden;}

.tc_box .content .box .box_2 .bd .img_{width:21.4%; float:left; position:relative; z-index:10;}
.tc_box .content .box .box_2 .bd .img_ .rect-109{padding-bottom: 109%;}
.tc_box .content .box .box_2 .bd .info_{position:relative; float:left; width:78.6%; font-size:0.15rem; line-height:0.3rem; color:#306bbf; padding:0.5rem 0.4rem; box-sizing:border-box; z-index:2}
.tc_box .content .box .box_2 .bd .info_:after{content:''; width:2.84rem; height:2.01rem; background:url(../img/sale01_5.png) no-repeat center; position:absolute; right:0; bottom:0; background-size:cover; pointer-events:none; z-index:-1;}

.tc_box .content .box .box_2 .bd .info_ .t{font-weight:bold;}
.tc_box .content .box .box_2 .bd .info_ .c{margin:0.1rem 0;}
.tc_box .content .box .box_2 .bd .info_ .txt{color:#000;}
.tc_box .content .close{width:22px; height:22px; background:url(../img/sale_close.png) no-repeat center; position:absolute; right:0.2rem; top:0.2rem; cursor:pointer; transition:0.5s ease;}
.tc_box .content .close:hover{transform:rotateZ(180deg);}

/* 只有一个油库 */
.tc_box .content.one{height:450px;}
.tc_box .content.one .box .box_1{width:47%; float:left; margin-right:6%;}
.tc_box .content.one .box .box_1 .item{width:100%;}
.tc_box .content.one .box .box_2{width:47%; float:left;}
.tc_box .content.one .box .box_2 .bd{margin-top:0.35rem;}
.tc_box .content.one .box .box_2 .bd .info_{padding:0.2rem; line-height:0.24rem; width:45%;}
.tc_box .content.one .box .box_2 .bd .info_:after{width:1.4rem; height:1.3rem;}
.tc_box .content.one .box .box_2 .bd .info_ .c{margin:0.05rem 0;}
.tc_box .content.one .box .box_2 .bd .img_{width:55%;}


/* 只有专业团队 */
.tc_box .content.no_one{height:450px;}

/* 有三个油库 */
.tc_box .content .box{height:100%; overflow-y:auto; }
.tc_box .content .box::-webkit-scrollbar {width:2px; height:4px;}
.tc_box .content .box::-webkit-scrollbar-thumb {border-radius:5px; background:#2c69c1; }
.tc_box .content .box::-webkit-scrollbar-track {border-radius:0; background:#fff;}


.tc_box .content .box.three .box_1 .bd .item{margin-bottom:0.3rem;}
.tc_box .content .box.three .box_1 .bd .item:nth-child(2n){margin-right:0;}
.tc_box .content .box.three .box_1{margin-bottom:0;}

body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:#2c69c1;}
body .resultArea .infor .tit span{color:#2c69c1;}
body .searchArea{padding:0.8rem 0;}
body .resultArea{padding-bottom:0.8rem;}
body .searchArea .content_form{margin-top:0.5rem;}
body .searchArea .infor .tit{font-size:0.36rem; line-height:0.4rem;}

/* 网站地图、法律声明 */
.zddt.channel-content{padding:0.6rem 0;}


/* .cp_oil02 .infor .con_l{display:none;} */
.cp_oil02 .infor{position:relative;}
.cp_oil02 .infor .con_r{position:absolute; right:0; bottom:0;}
.cp_oil02.no_words .content .item .info{display:none;}

/* 20221222调整 */
.investXZL01 .left{display:none;}
.investXZL01 .overlay .img_cover{position:absolute; transform:translate(-50%,0); left:50%; bottom:0; width:auto; min-width:100%; height:100%; max-width:none; background:url(../img/investXZL01_r_cover.jpg) no-repeat center/cover;}
.investXZL01 .right{width:100%;}
.investXZL03 .cont{position:relative;}
.investXZL03 .top{float:right; width:61.25%; margin-top:0.2rem;}
.investXZL03 .top .con{margin:0.1rem auto 0.7rem;}
.investXZL03 .left{width:33.75%; background:#fff; position:absolute; left:0; top:0; padding:0.3rem 0.6rem 0.4rem 0.4rem; box-sizing:border-box; box-shadow:0px 9px 36.4px 3.6px rgba(0, 0, 0, 0.08); z-index:20;}
.investXZL03 .left .title{font-size:0.18rem; line-height:0.3rem;}
.investXZL03 .left .inp_box{background:none; border-bottom:1px solid #e5e5e5; padding:0.15rem 0;}
.investXZL03 .left .inp_box .inp_label{width:33%; display:inline-block; vertical-align:middle;}
.investXZL03 .left .inp_box .inp{background:none; border:none; padding:0; margin:0; width:65%; color:#666666; display:inline-block; vertical-align:middle;}
.investXZL03 .left .inp_box.inp_yzm .inp{width:39%;}
.investXZL03 .left .inp_box.inp_yzm .yzm_img{height:0.3rem; width:24%;}
.investXZL03 .left .t{margin:0.1rem 0}
.investXZL03 .left .common_btns{width:auto; background:none; border-color:#898989; cursor:pointer; font-size:0.15rem; padding:9px 0.6rem;}
.investXZL03 .left .common_btns span{position:relative; z-index:1; display:block;}
.investXZL03 .left .common_btns:hover{border-color:#2c69c1;}
.investXZL03 .left .common_btns:hover span{color:#fff;}

/* 漂浮 */
.float_box{position:fixed; right:0; bottom:0.25rem; z-index:400;}
.float_box .btns_{width:77px; height:57px; background:#9f9f9f; text-align:center; padding-top:8px; box-sizing:border-box; transition:all 0.5s ease; cursor:pointer;}
.float_box .btns_ .tit{font-size:0.12rem; color:#fff;}
.float_box .btns_:hover{background:#2c69c1;}

.gas03{text-align:center; margin-bottom:0.6rem;}
.gas03 .common_btns{margin:0 auto;}
.gas03 .common_btns::before{background:#149817;}
.gas03 .common_btns:hover{border:0;}

.contact_us05{cursor:auto;}
.ipart04 .dots_box .dot{cursor:pointer;}
.ipart04 .dots_box .dot::before,
.ipart04 .dots_box .dot::after{pointer-events:none;}


.ipart04 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url(../img/arrow_left.png); left:11.5%;}
.ipart04 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url(../img/arrow_right.png); right:11.5%;}
.ipart04 .swiper-button-next, .ipart04 .swiper-button-prev{width:50px; height:50px; margin-top:-25px; border-radius:50%; background-size:50px 50px; box-shadow:0px 5px 10px 0 rgba(0,0,0,0.08);}

.cooperation01 .content .partner .item img{max-width:none;}


.cp_oil04{margin:0.6rem 0;}
.cp_oil04 .title{text-align:center; margin-bottom:0.2rem;}
.cp_oil04 .content .owl-carousel{width:auto; padding:0 0.5rem; position:relative;}
.cp_oil04 .content .owl-carousel .owl-stage-outer{width:calc(100% + 1px);}
.cp_oil04 .content .owl-nav .owl-prev,
.cp_oil04 .content .owl-nav .owl-next{background:url(../img/cp_oil05_jt.png) no-repeat center/cover; box-shadow:0px 5px 10px 0 rgb(0 0 0 / 8%); border-radius:50%; width:0.4rem; height:0.4rem; position:absolute; top:50%; margin-top:-0.2rem; font-size:0;}
.cp_oil04 .content .owl-nav .owl-prev{left:0; background:url(../img/cp_oil05_jt2.png) no-repeat center/cover;}
.cp_oil04 .content .owl-nav .owl-next{right:0;}
.cp_oil04 .content .item{border:1px solid #dfdfdf; box-sizing:border-box; padding-bottom:.2rem; position:relative; transition:all .4s ease; background:#fff; display:flex; align-items:flex-end; z-index:10;}
.cp_oil04 .content .item:hover{box-shadow:-9px 0px 19.8px 0.2px rgb(0 0 0 / 10%); border-color:transparent; z-index:20;}
.cp_oil04 .content .item.hot::after{position:absolute; left:-1px; top:-1px; background:url(../img/pro_list_2.jpg.png) no-repeat center; background-size:cover; width:.53rem; height:.51rem; content:''; z-index:9;}
.cp_oil04 .content .item.new::after{position:absolute; left:-1px; top:-1px; background:url(../img/pro_list_3.jpg.png) no-repeat center; background-size:cover; width:.53rem; height:.51rem; content:''; z-index:9;}
.cp_oil04 .content .item .li_box{width:100%;}
.cp_oil04 .content .item .li_box .left{display:block; padding:0 5%; width:100%; box-sizing:border-box; transition:all .4s ease;}
.cp_oil04 .content .item .li_box .left .img_{margin-bottom:.2rem; transition:all .4s ease;}
.cp_oil04 .content .item .li_box .left .rect-845{padding-bottom:84.5%;}
.cp_oil04 .content .item .li_box .left .con{text-align:center; transition:all .4s ease; overflow:hidden; height:.81rem;}
.cp_oil04 .content .item .li_box .left .con .t{font-size:0.15rem; font-weight:bold; line-height:1; color:#000;}
.cp_oil04 .content .item .li_box .left .con .c{font-size:0.15rem; color:#000; line-height:1.5;}
.cp_oil04 .content .item .li_box .left .con .c span{display:inline-block; margin-right:.5em;}
.cp_oil04 .content .item .li_box .left .con .c span:last-child i{display:none;}
.cp_oil04 .content .item .li_box .left .con .c span:last-child{margin-right:0;}
.cp_oil04 .content .item .li_box .left .spots{font-size:0; color:#000; display:flex; flex-wrap:wrap; padding:0 10%; transition:all .4s ease; height:0; overflow:hidden;}
.cp_oil04 .content .item .li_box .left .spots .spot{width:50%; font-size:0.15rem; line-height:1; white-space:nowrap;}
.cp_oil04 .content .item .li_box .left .spots .spot .icon{display:inline-block; vertical-align:middle; width:10px; height:10px; background:#2c69c1; margin-right:.5em;}
.cp_oil04 .content .item .li_box .left .spots .spot span{display:inline-block; vertical-align:middle; }
/* .cp_oil04 .content .item:hover .li_box .left .con{height:0px;}
.cp_oil04 .content .item:hover .li_box .left .spots{height:1.2rem;} */

.cp_oil04 .content .item .li_box .right{position:absolute; width:108%; height:calc(100% + 2px); top:-1px; left:100%; transform:rotateY(-90deg); transition:all .4s ease-in-out; box-shadow:rgb(0 0 0 / 10%) 20px 0px 20px 0px; z-index:11; padding-top:.8rem; box-sizing:border-box; transform-origin: left center; background:#fff;}
.cp_oil04 .content .item:hover .li_box .right{transform:rotateY(0);}
.cp_oil04 .content .item .li_box .right .right_box{padding:0 8% 0 4%; color:#000;}
.cp_oil04 .content .item .li_box .right .t{font-size:0.15rem; font-weight:bold; line-height:1; margin-bottom:.2rem;}
.cp_oil04 .content .item .li_box .right .c{font-size:0.15rem; line-height:1; margin-bottom:.3rem;}
.cp_oil04 .content .item .li_box .right .text{font-size:0.15rem; line-height:.26rem; height:2.08rem; overflow:hidden; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient: vertical;}
.cp_oil04 .content .item .li_box .right .more{margin-top:.5rem;}
.cp_oil04 .content .item .li_box .right .more .common_btns{width:48%; margin-left:4%; box-sizing:border-box; padding:.06rem 0; text-align:center; line-height:1; border-radius:.2rem; margin:0;}
.cp_oil04 .content .item .li_box .right .more .common_btns:last-child{margin-left:0%;}

.cp_oil04 .content .owl-carousel .item.li_last .li_box .right{left:inherit; right:100%; transform-origin:right center; box-shadow:rgb(0 0 0 / 10%) -20px 0px 20px 0px;}
.cp_oil04 .content .owl-carousel .item.li_last .li_box .right .right_box{padding:0 4% 0 8%;}
.cp_oil04 .content .owl-carousel .item.li_last:hover .li_box .right{transform:rotateY(0deg); }

.cp_oil04 .content .owl-carousel .owl-item{-webkit-transform:none; }

.cp_oil05 .hd{background:url(../img/cp_oil05_01.jpg) no-repeat center/cover; padding:0.4rem 0; text-align:center;}
.cp_oil05 .hd .top{margin:0 auto; width:69.3%;}
.cp_oil05 .hd .top .con{margin-top:0.1rem; color:#666666; }
.cp_oil05 .hd .bott{margin-top:0.45rem;}
.cp_oil05 .hd .bott li{display:inline-block; vertical-align:middle; padding-right:1.4rem; position:relative;}
.cp_oil05 .hd .bott li:last-child{padding-right:0;}
.cp_oil05 .hd .bott li::after{content:''; height:1px; background:url(../img/cp_oil05_03.png); position:absolute; right:0.2rem; width:1rem; top:50%;}
.cp_oil05 .hd .bott li:last-child::after{height:0;}
.cp_oil05 .hd .bott li .t{font-weight:normal;}
.cp_oil05 .bd{margin:0.5rem 0 0.8rem;}
.cp_oil05 .bd .item{transition:all .5s ease; cursor:pointer; box-sizing:border-box; border:1px solid #e8e8e8; padding:0.2rem 0.45rem; font-size:0;}
.cp_oil05 .bd .item&gt;div{display:inline-block; vertical-align:middle;}
.cp_oil05 .bd .item .left{width:12.4%;}
.cp_oil05 .bd .item .left .icon img{width:0.4rem;}
.cp_oil05 .bd .item .center{width:73%; padding-left:8%; border-left:1px solid #d9d9d9; padding-right:0.8%; box-sizing:border-box;}
.cp_oil05 .bd .item .center .year{color:#666666; line-height:0.2rem;}
.cp_oil05 .bd .item .right{width:14.6%;}
.cp_oil05 .bd .item .right .down_{margin-right:0.2rem;}
.cp_oil05 .bd .item .right a img{width:0.27rem;}
.cp_oil05 .bd .item:hover{box-shadow:0px 0px 6px 0px rgb(0 0 0 / 20%); border-color:transparent;}

.cp_oil05 .bd .owl-carousel{width:auto; padding:0 0.5rem; position:relative;}
.cp_oil05 .bd .owl-carousel .owl-stage-outer{width:calc(100% + 1px); padding:0.1rem 0.05rem;}
.cp_oil05 .bd .owl-nav .owl-prev,
.cp_oil05 .bd .owl-nav .owl-next{background:url(../img/cp_oil05_jt.png) no-repeat center/cover; box-shadow:0px 5px 10px 0 rgb(0 0 0 / 8%); border-radius:50%; width:0.4rem; height:0.4rem; position:absolute; top:50%; margin-top:-0.2rem; font-size:0;}
.cp_oil05 .bd .owl-nav .owl-prev{left:0; background:url(../img/cp_oil05_jt2.png) no-repeat center/cover; box-shadow:0px 5px 10px 0 rgb(0 0 0 / 8%); }
.cp_oil05 .bd .owl-nav .owl-next{right:0;}
.cp_oil05 .bd .owl-carousel .owl-item .right img{display:inline-block;}


.channel-content.gas{position:relative;}
.gas03{position:absolute; top:-0.4rem; right:8.335%; margin-bottom:0; transform:translateY(-100%); z-index:10;}
.gas03::after,
.gas03::before{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; z-index:-1; border-radius:5px;}
.gas03 .common_btns{padding:9px 0.4rem; display:block; background:#fff;}

.gas03::before{animation:scale 1.5s ease-out infinite; background:#d0d0d0; opacity:0.4; animation-delay:0;}
.gas03::after{animation:scale2 1.5s ease-out infinite; background:#d0d0d0; opacity:0.3; animation-delay:0;}
@keyframes scale{0%{transform:translate(-50%, -50%) scale(1); opacity:.45} 100%{transform:translate(-50%, -50%) scale(1.2,1.8); opacity:0;}}
@keyframes scale2{0%{transform:translate(-50%, -50%) scale(1); opacity:.45;} 100%{transform:translate(-50%, -50%) scale(1.5,2.5);opacity:0;}}

.develop03 .content .right .bott{display:none;}

.contact_us05 .content .swiper-container .controls{display:block; position:static; margin:0;}
.contact_us05 .content .swiper-container .controls .swiper-pagination{display:none;}
.contact_us05 .content .swiper-container .controls .swiper-button-prev{left:9%; background:url(../img/contact05_jt.png) no-repeat center/cover; width:0.4rem; height:0.4rem; margin-top:-0.15rem; font-size:0; transform:rotate(180deg);}
.contact_us05 .content .swiper-container .controls .swiper-button-next{right:8.335%; background:url(../img/contact05_jt.png) no-repeat center/cover; width:0.4rem; height:0.4rem; margin-top:-0.15rem; font-size:0;}
.contact_us05 .content .swiper-container .swiper-button-next.swiper-button-disabled, 
.contact_us05 .content .swiper-container .swiper-button-prev.swiper-button-disabled{opacity:0;}

/* 去掉弹窗 */
.cp_oil04 .content .item .li_box .right{display:none;}
.cp_oil04 .content .item{display:block; height:auto; padding-top:0.4rem;}
.cp_oil04 .content .item .li_box .left .con{height:auto;}

.develop03 .content .right .intro{margin-top:0.5rem;}

/* 简历投递表单 */
.Form-J1-content{padding:0.6rem 0;}

.ipart04{overflow:visible;}
.ipart04 .content .swiper-slide .item{box-shadow:0 0px 4px 2px #c5c5c53b;}
/* 首页banner */
/* .ibanner .left-area{display:none;} */
.ibanner .line_{display:none;}
.ibanner .left-area{display:none;}
.ibanner .swiper-container-horizontal&gt;.swiper-pagination-bullets{width:auto; right:8.335%; text-align:left; left:auto; bottom:0.4rem;}
.ibanner .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:1.2rem; height:auto; vertical-align: middle;background:transparent;opacity:1;outline: none;}
.ibanner .swiper-pagination .swiper-pagination-bullet .tit{font-size:15px; height:25px; overflow:hidden; color:#fff; text-align:left; opacity:.6; transition:all .5s ease;}
.ibanner .swiper-pagination .swiper-pagination-bullet-active .tit{opacity: 1;}
.ibanner .swiper-pagination-bullet-active .timer,  
.ibanner .swiper-pagination-bullet .timer{display:block; position:relative;width:1.2rem; height:2px; margin-top:10px; background:transparent; opacity:1}
.ibanner .swiper-pagination-bullet .timer::before{position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:.34; content:''}
.ibanner .swiper-pagination-bullet .process{display:block; position:absolute; top:0; left:0; width:0; opacity:0; height:100%; background:#fff;transition-property:width; transition-timing-function: linear;}
.ibanner .swiper-pagination-bullet.play .process{opacity:1; width:100%;}
.ibanner .swiper-pagination-bullet.play.stop .process{transition:none}

/* 20220206 */
.sale01.cp_sale{position:relative; overflow:hidden;}
/* .sale01.cp_sale .content .map{transform:scale(1.3) translate(-9%, -20%);}
.sale01.cp_sale .content .map::before{content:""; position:absolute; top:0; left:0; right:0; height:100%; background:linear-gradient(to bottom, #f8f9fb 30%, rgba(255,255,255,0)); z-index:1;} */
.sale01.cp_sale .content .map .dots{z-index:2;}
.sale01 .intro_box .item .info .box .more span{left:3px; color:#fff;}
.sale01 .intro_box .item .info .box .more{color:#fff; border-color:#2c69c1;}
.sale01 .intro_box .item .info .box .more::before{width:120%;}
.tc_box .content{height:760px;}
.tc_box .content.one{height:auto;}
.news_center.industry .news_center01 .hd .right{display:none;}
.news_center.industry .news_center01 .bd .content li{float:none; width:100%; margin-right:0; padding-bottom:0.3rem; border-bottom:1px solid #e7e2e2;}
.news_center.industry .news_center01 .bd .content li .img_{opacity:0; float:right; width:16%;}
.news_center.industry .news_center01 .bd .content li .words{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; padding:0 0.5rem; box-sizing:border-box;}
.news_center.industry .news_center01 .bd .content li:hover{transform:none; transition:ease all 0.3s; box-shadow:none;}
.news_center.industry .news_center01 .bd .content li:hover .words .tit{color:#2c69c1;}

.shiyou01{padding-bottom:0.76rem;}
.shiyou01::after{background:#fbfbfb;}
.shiyou01 .infor{padding:0; text-align:left;}
.shiyou01 .content{padding:0; margin-top:0.6rem;}
.shiyou01 .wrap{position:relative;}
.shiyou01 .left{float:left; width:56%; }
.shiyou01 .right{width:40%;}
.shiyou01 .right .rect-7333{padding-bottom:73.33%;}

.shiyou04{background:#fbfbfb;}
.shiyou04 .content{position:relative;}
.shiyou04 .left{width:40%;}
.shiyou04 .right{right:0; width:56%;}
.shiyou04 .right .con{margin-top:0.15rem; min-height:0; margin-bottom:0.6rem;}

.cp_oil02{padding:0.7rem 0;}
/* .sale01.cp_sale .content{margin-bottom:-0.6rem;} */
.cp_oil04 .content .owl-carousel .owl-stage-outer{padding:0.2rem 0;}
.cp_oil05 .bd{margin:0.6rem 0;}
.bangong02{margin:0.8rem 0;}
.bangong02 .infor{position:relative;}
.bangong02 .infor .tit{position:absolute; top:50%; left:0; padding-top:0; margin-top:-0.16rem;}
.sale01.cp_sale{padding-top:0.6rem;}
.cp_oil01{padding-bottom:0.8rem;}
.news_center01 .hd .center .search_box .close{width:12px; height:10px; position:absolute; right:20px; top:50%; margin-top:-8px; background:url(../img/search-close-icon.png) no-repeat center; background-size:12px 10px; padding:5px; cursor:pointer;}

/* 覆盖新闻字体 */
.news_detail01 .left .text *{font-size:inherit!important; line-height:1.8!important;}


.brandBox_detail{height:6rem; margin-top:0; width:10rem; margin-left:0; transform:translate(-50%,-50%);}
.brandBox_detail .box{height:4.5rem;}


/* 校园招聘 */
.xc_banner.campus{position:relative;}
.xc_banner.campus .cover_img{position:absolute; top:16.7%; left:50%; margin-left:-3.45rem; width:6.9rem; animation:nudgeMouse1 2.4s ease-in-out ;}

@-webkit-keyframes nudgeMouse1 {
	0% {
	  -webkit-transform: scale(0);
	  transform: scale(0);
	}
	50% {
	  -webkit-transform: scale(1.2);
	  transform: scale(1.2);
	}
    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
      }
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}
}
@keyframes nudgeMouse1 {
	0% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }
    25% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

}


.campus01{margin-top:0.6rem;}
.campus01 .content .box{background:url(../img/campus01_bg.png) no-repeat bottom right; padding:0.4rem 0 0.2rem; background-size:cover;}
.campus01 .content .title{text-align:center; margin-bottom:0.3rem;}
.campus01 .content li{float:left; width:20%; margin:0 2.5%; margin-bottom:0.4rem; overflow:hidden;  padding-bottom:0.1rem; border-bottom:1px solid rgba(255, 255, 255, 0.5);}
.campus01 .content li .img{width:100%; height:0.5rem; overflow:hidden;}

.campus02{margin:0.6rem 0; position:relative;}
.campus02 .bg01{position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:auto; z-index:-1;}
.campus02 .content .title{text-align:center; margin-bottom:0.3rem; position:relative;}
.campus02 .content .hd .cont{width:13.5rem; margin:0 auto; }
.campus02 .content .hd .cont ul{margin-bottom:0.9rem;}
.campus02 .content .hd .cont li{float:left; width:15.5%; text-align:center; margin-right:5.625%; position:relative;}
.campus02 .content .hd .cont li::after{content:''; position:absolute; right:0; transform:translate(100%,-50%); top:50%; width:36.3%; background:url(../img/campus02_02.png) no-repeat right center; height:6px; }
.campus02 .content .hd .cont .li05{margin-right:0;}
.campus02 .content .hd .cont .li06{margin-right:0;}
.campus02 .content .hd .cont .li06::after{display:none;}
.campus02 .content .hd .cont .li05::after{right:auto; left:35%; transform:rotate(90deg) translate(55%,0); top:100%; width:30%;}
.campus02 .content .hd .cont li .icon{width:0.76rem; height:0.76rem; margin:0 auto; border-radius:50%; border:1px solid #f1f1f1; position:relative;}
.campus02 .content .hd .cont li .icon img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-height:100%; width:auto; height:auto;}
.campus02 .content .hd .cont li .t{color:#666666; margin:5px 0; white-space:nowrap;}
.campus02 .content .hd .cont li .c{border-radius:0.13rem; display:inline-block; padding:0 0.2rem; font-size:0.16rem; line-height:0.3rem; background:#286dcb; color:#ffffff; text-transform:uppercase; }

/* .campus02 .content .hd .cont .ul02{margin-bottom:0.6rem;} */
.campus02 .content .hd .cont .ul02 li{float:right;}

.campus02 .content .hd.cur .cont li {-webkit-backface-visibility: visible !important; animation-duration:1.2s; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; animation-fill-mode:backwards;}
.campus02 .content .hd.cur .cont .li01{animation-delay: 0.3s;}
.campus02 .content .hd.cur .cont .li02{animation-delay: 0.6s;}
.campus02 .content .hd.cur .cont .li03{animation-delay: 0.9s;}
.campus02 .content .hd.cur .cont .li04{animation-delay: 1.2s;}
.campus02 .content .hd.cur .cont .li05{animation-delay: 1.5s;}
.campus02 .content .hd.cur .cont .li06{animation-delay: 1.8s;}
.campus02 .content .hd.cur .cont .li07{animation-delay: 2.1s;}
.campus02 .content .hd.cur .cont .li08{animation-delay: 2.4s;}
.campus02 .content .hd.cur .cont .li09{animation-delay: 2.7s;}
.campus02 .content .hd.cur .cont .li10{animation-delay: 3s;}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}



.campus02 .content .hd .cont .ul02 li::after{content:''; position:absolute; right:0; transform:translate(100%,-50%) rotate(180deg); top:50%; width:36.3%; background:url(../img/campus02_02.png) no-repeat right center; height:6px; }
.campus02 .content .hd .cont .ul02 .li05{margin-right:0;}
.campus02 .content .hd .cont .ul02 .li05::after{display:none;}

.campus02 .content .bd .form_box{margin-bottom:0.25rem; font-size:0;}
.campus02 .content .bd .form_box .inp_wrap{width:23%; margin-right:0.5%; border:1px solid #e3e7ec; display:inline-block; vertical-align:top; border-radius:5px;}
.campus02 .content .bd .form_box .inp_wrap .inp{width:100%; height:0.54rem; line-height:0.54rem; font-size:0.15rem; color:#000; text-indent:23px; border:none; border-radius:0; padding:0; background:transparent;}
.campus02 .content .bd .form_box .inp_wrap.search_wrap{width:0.54rem; border:none; margin-right:0;} 
.campus02 .content .bd .form_box button{outline:none; border:none; background:#2c69c1; height:0.55rem; width:0.55rem; border-radius:50%; font-size:0.15rem; text-align:center; cursor:pointer; text-align:center; width:100%; transition:.5s ease;}
.campus02 .content .bd .form_box button i{display:inline-block;  color:#fff; vertical-align:middle;}
.campus02 .content .bd .form_box button:hover{background:#2c69c1;}
.campus02 .content .bd .form_box .inp_wrap .select-ui-choose-default ._arrow .arr{width:14px; height:8px; background:url(../img/widgets_xc_job_list_12_1.png) no-repeat center; border:none;}
.campus02 .content .bd .form_box .inp_wrap .select-ui-choose-default.on ._arrow .arr{margin:-.2em 0 0;}
.campus02 .content .bd .form_box .inp_wrap .select-ui-choose ._arrow{right:17px;}
.campus02 .content .bd .form_box .inp_wrap .select-ui-choose-default ._txt{text-align:left;}

.campus02 .content .bd .bott .t{font-weight:bold; color:#666666; padding-bottom:0.15rem; border-bottom:1px solid #ececec;}

.campus02 .content .bd .bott li.j_t {cursor:pointer; padding:0.15rem 0.2rem; border-bottom:1px solid #ececec;}
.campus02 .content .bd .bott li ._un{float:left; font-size:0.15rem; color:#666666; line-height:0.3rem; padding:0 0.15rem; position:relative;}
.campus02 .content .bd .bott li ._un::after{content:''; position:absolute; right:0; top:50%; width:1px; height:0.12rem; margin-top:-0.06rem; background:#d7d7d7;}
.campus02 .content .bd .bott li ._un._t1{padding-left:0;}
.campus02 .content .bd .bott li ._un._t2 span{display:inline-block; vertical-align:middle;}
.campus02 .content .bd .bott li ._un._t2 .icon img{display:block;}
.campus02 .content .bd .bott li ._un._t4::after{display:none;}
.campus02 .content .bd .bott li ._un._t5{padding-right:0; float:right; opacity:0.74;}
.campus02 .content .bd .bott li ._un._t5::after{display:none;}
.campus02 .content .bd .bott li.j_t.j_t_cur{border-bottom:0;}

.campus02 .content .bd .bott li.j_c {height:auto; display:block; display:none;}
.campus02 .content .bd .bott .j_c .j_c_box {padding:0.16rem; background:rgb(250, 250, 250); padding-top:0;}
.campus02 .content .bd .bott .j_c .j_c_box .intro {color:#666; font-size:0.15rem; position:relative;}
.campus02 .content .bd .bott .j_c .j_c_box .intro strong{display:block; font-size:0.16rem; color:#000; margin-bottom:0.1rem; padding-top:0.2rem;}
.campus02 .content .bd .bott .j_c .intro .job_btn{margin-top:0.3rem;}
.campus02 .content .bd .bott .j_c .intro .job_btn ._btn {display:inline-block; width:1.4rem; height:0.4rem; line-height:0.4rem;  color:#fff; font-size:0.15rem; background:#2c69c1; cursor:pointer; text-align:center; transition:.5s ease;}

.campus02 .content .bd .bott li.j_c .up_btn{text-align:center; border-bottom:1px solid #ececec; cursor:pointer;}
.campus02 .content .bd .bott li.j_c .up_btn:hover{background:#2c69c1;}
.campus02 .content .bd .bott li.j_c .up_btn:hover i{color:#fff;}

/*滚动加载*/
.load_more{text-align:center; margin-top:0.4rem;}
.load_more .icon{width:0.5rem; height:0.5rem; background:url(../img/loading.gif) no-repeat center/cover; margin:0 auto; }
.load_more.nomore {display:none;}



/* 社会招聘 */
.srecruit01{margin-top:0.6rem;}
.srecruit01 .info{text-align:center;}
.srecruit01 .info .con{color:#666666; margin-top:0.05rem;}
.srecruit01 .content{margin-top:0.25rem;}
.srecruit01 .content li{float:left; width:48.8%; margin-bottom:0.2rem; border-radius:0.16rem; box-shadow:0px 0px 36.4px 3.6px rgba(4, 0, 0, 0.08);}
.srecruit01 .content li:nth-child(2n){float:right;}
.srecruit01 .content li .rect-2580{padding-bottom:25.8%;}

.campus02.srecruit02 .content .hd .cont .ul02{text-align:center;}
.campus02.srecruit02 .content .hd .cont .ul02 li{float:none; display:inline-block;}
.campus02.srecruit02 .content .hd .cont .li05::after{right:auto; left:20%; transform:rotate(135deg) translate(100%,0); top:100%; width:50%;}


/* 新-人才发展 */
.new_develop .top{position:relative; margin-bottom:0.25rem; padding-top:0.2rem;}
.new_develop .top .num{font-size:1rem; font-weight:bold; line-height:0.8; color:#222222; opacity:0.1;}
.new_develop .top .tit{position:absolute; bottom:0.1rem; left:0; white-space:nowrap;}

.new_develop .top.tac{text-align:center; margin-bottom:0.3rem;}
.new_develop .top.tac .tit{left:50%; transform:translateX(-50%);}


.ndevelop01{margin-top:0.6rem;}
.ndevelop01 .left{width:61.4%; border-radius:0.3rem;}
.ndevelop01 .left .rect-5524{padding-bottom:55.24%;}
.ndevelop01 .right{width:33.5%;}
.ndevelop01 .right .bott .t{text-align:justify; color:#666666; font-size:0.16rem; line-height:0.3rem;}
.ndevelop01 .right .bott .common_btns{border-radius:3px; border-color:#222222; float:right; margin-top:0.3rem;}
.ndevelop01 .right .bott .common_btns a{padding:9px 0.45rem; color:#2c69c1;}
.ndevelop01 .right .bott .common_btns a i{margin-left:0.3rem; margin-right:0; line-height:0.3rem; color:#444444;}
.ndevelop01 .right .bott .common_btns:hover{border-color:#2c69c1;}
.ndevelop01 .right .bott .common_btns:hover a{color:#fff;}
.ndevelop01 .right .bott .common_btns:hover a i{color:#fff;}

.ndevelop02{margin-top:0.6rem; padding:0.6rem 0; background:#f4f4f4;}
.ndevelop02 .top{text-align:center; margin-bottom:0.3rem;}
.new_develop .ndevelop02 .top .tit{left:50%; transform:translateX(-50%);}
.ndevelop02 .bott li{float:left; width:48%; position:relative; border-radius:0.3rem; margin-bottom:0.3rem;}
.ndevelop02 .bott li:nth-child(2n){float:right;}
.ndevelop02 .bott li::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:0.8rem; background:linear-gradient(to top,#000,transparent); z-index:;}
.ndevelop02 .bott li .rect-4355{padding-bottom:43.55%;}
.ndevelop02 .bott li .t{font-weight:normal; color:#fff; position:absolute; bottom:0; left:0; width:100%; padding-left:0.35rem; padding-bottom:0.25rem; box-sizing:border-box; z-index:10;}

.ndevelop03{margin:0.6rem 0;}
.ndevelop03 .content .t1{color:#333333;}
.ndevelop03 .content .bott{margin-top:0.6rem;}
.ndevelop03 .content .item{padding:0 0.5rem;} 
.ndevelop03 .content .item .t{transition:all .5s ease; font-weight:normal;}
.ndevelop03 .content .item .c{min-height:1.2rem; overflow-y:auto; padding-right:0.05rem;  margin:0.1rem 0; color:#666666;}
.ndevelop03 .content .item .c::-webkit-scrollbar {width:2px; height:4px;}
.ndevelop03 .content .item .c::-webkit-scrollbar-thumb {border-radius:5px; background:#2c69c1; }
.ndevelop03 .content .item .c::-webkit-scrollbar-track {border-radius:0; background:#fff;}
.ndevelop03 .content .item .img_{transition:all .3s ease; border-radius:20px; overflow:hidden;}
.ndevelop03 .content .owl-carousel{position:static;}
.ndevelop03 .content .owl-nav{position:absolute; right:0; top:0; transform:translateY(-100%);}
.ndevelop03 .content .owl-prev,
.ndevelop03 .content .owl-next{display:inline-block; width:0.46rem; height:0.46rem; background:url(../img/develop07_jt01.png) no-repeat center/cover; font-size:0;}
.ndevelop03 .content .owl-next{transform:rotateY(180deg); margin-left:0.2rem;}
.ndevelop03 .content .owl-prev:hover,
.ndevelop03 .content .owl-next:hover{background:url(../img/develop07_jt02.png) no-repeat center/cover; transform:rotateY(180deg);}
.ndevelop03 .content .owl-next:hover{transform:rotateY(0);}
.ndevelop03 .content .item:hover .t{color:#2c69c1;}
.ndevelop03 .content .item:hover .img_{transform:translateY(-5px);}


/* 员工福利 */
.welfare .title{text-align:center; margin-bottom:0.3rem;}
.welfare01{margin-top:0.4rem; margin-bottom:0.6rem;}
.welfare01 .content .top{margin-bottom:6px;}
.welfare01 .content .rect-2714{padding-bottom:27.14%;}
.welfare01 .content .rect-4414{padding-bottom:44.14%;}

/* 改变其动画效果为匀速形式，不加此样式的话会造成滚动卡顿，看起来效果不平滑,样式做了各种浏览器的兼容 */
.welfare01 .content .swiper-wrapper {transition-timing-function:linear !important; -webkit-transition-timing-function: linear !important;    -moz-transition-timing-function: linear !important; -ms-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important;}

.welfare01 .content .swiper-slide{position:relative;}
.welfare01 .content .swiper-slide .t{position:absolute; left:0.4rem; bottom:0.4rem; color:#fff; font-style:oblique; z-index:10; font-size:0.28rem; line-height:1;}

.welfare02{margin:0.6rem 0 0.4rem;}
.welfare02 li{float:left; width:49.1%; box-shadow:0px 4px 14.88px 1.12px rgba(4, 0, 0, 0.04); border-radius:0.2rem; margin-bottom:0.3rem; transition:all .3s ease;}
.welfare02 li:nth-child(2n){float:right;}
.welfare02 li .img_{border-radius:0.2rem; overflow:hidden;}
.welfare02 li .img_ .rect-4083{padding-bottom:32.83%;}
.welfare02 li .words{background:#fff; padding:0.2rem 0.3rem 0.1rem; box-sizing:border-box; }
.welfare02 li .words .tit{font-weight:normal; font-size:0.2rem;}
.welfare02 li .words .con{line-height:0.26rem; color:#666666; height:0.78rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.welfare02 li:hover{box-shadow:0px 4px 14.88px 1.12px rgba(4, 0, 0, 0.08);}


/* 荣誉资质 */
.honor01{padding:0.6rem 0;}
.honor01 .rect-137{ padding-bottom:137%; }
.honor01 .left{width:41%; background:url(../img/honor01_1.jpg) no-repeat center; background-size:cover;}
.honor01 .left .box{padding:0.75rem 0.65rem;}
.honor01 .left .box .img_ {background:url(../img/honor01_2.jpg) no-repeat center; background-size:cover;}
.honor01 .left .box .img_ .rect-94{padding-bottom:94%; text-align:center;}
.honor01 .left .box .img_ .img_span{display:inline-block; margin-top:16%; transition:all 0.5s ease; padding:0 7%;}
.honor01 .left .title{text-align:center; background:#2c69c1; height:0.7rem; line-height:0.7rem;color:#fff;}
.honor01 .right{width:59%;}
.honor01 .right .box{padding:0.4rem 0.35rem 0 0.65rem; color:#02001c;}
.honor01 .right .box .tit{padding-bottom:0.3rem;}
.honor01 .right .list{overflow:hidden; padding-right:4%; position:relative; }
.honor01 .right .list li{margin-bottom:0.15rem; float:left; margin-right:3%; width:30%; cursor:pointer; background:url(../img/honor01_4.jpg) no-repeat center;}
.honor01 .right .list .img_box{height:1.78rem; text-align:center; position:relative; overflow:hidden;}
.honor01 .right .list .img_box img{height:1.1rem; margin-top:0.25rem; padding:0 10%;}
.honor01 .right .list.scrollbar-ui .scroll_slider{background:#2c69c1}
.honor01 .right .list .img_title{display:none;}

body .album_ordinary .album_close{background:#2c69c1;}
body .select-ui-options-default-bottom{box-shadow:0px 5px 7px 0px #e4e4e4;}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* ie10 */
    .pro_transport01 .intro .tit{color:#222; background:none; }
    .about_us01 .left .tit{background:none; color:#222;}

}

/* 人才发展页面banner +招聘 */
.xc_banner.zcyz .img img{width:auto; min-width:100%; height:100vh; max-width:none; position:relative; left:50%; transform:translateX(-50%);}
.xc_banner.campus .img img{width:auto; min-width:100%; height:100vh; max-width:none; position:relative; left:50%; transform:translateX(-50%);}

/* iban 箭头 */
.ibanner .cursor{position:fixed; top:0; left:0; z-index:30; pointer-events:none; display:none;}
.ibanner .cursor .cursorIcon{width:33px;height:54px;background:url(../img/cursor-left.png) no-repeat center;transition:all .5s ease;-webkit-transition:all .5s ease;}
.ibanner .cursor.right .cursorIcon{background:url(../img/cursor-right.png) no-repeat center;}

/* 石化仓储 */
.shiyou04 .right{left:0; right:auto;}
.shiyou04 .left{float:right;}
.shiyou .common_btns{margin-top:0.2rem;}
.shiyou .common_btns a i{margin-left:0.2rem;}
.shiyou01 .content{margin-top:0.3rem;}
.shiyou04 .right .con{margin-bottom:0;}
.shiyou04 .right .bott{margin-top:0.3rem;}

/* 关于金年会金字招牌诚信至上 */
.about_us02 .right .box{height:calc(25vh - 0.25rem);}

.about_us03{background:#fafafa; overflow:hidden; position:relative;}
.about_us03 .item01{transform:skewX(-27.1deg) translateX(-70%); overflow:hidden; position:absolute; left:0; top:0; z-index:10; width:4.3rem;}
.about_us03 .item01 .img img{ position:relative; transform:skewX(27.1deg) translateX(70%);}
.about_us03 .content{position:relative; width:100%; overflow:hidden;}
.about_us03 .content .owl-carousel{width:90%; margin:0 auto;}
.about_us03 .content::after{content:''; position:absolute; left:0; width:100%; top:45%; transform:translateY(-50%); height:2.39rem; background:url(../img/about_us03_line01.png) no-repeat center/cover;}
.about_us03 .content .title{color:#222; position:absolute; left:15%; top:10%; z-index:10;}
.about_us03 .content .item{font-size:0;}
.about_us03 .content .item .box{display:inline-block; width:33.33%; position:relative; padding:0 0.3rem; box-sizing:border-box;}
.about_us03 .content .item .box .cont{position:absolute; top:50%; left:0; width:100%;}
.about_us03 .content .item .box img{position:absolute; z-index:-1;}
.about_us03 .content .item .box.even .cont{bottom:50%; top:auto;}
.about_us03 .content .tit{color:#2c69c1; margin-bottom:0.1rem; font-weight:bold;}
.about_us03 .content .con{color:#777777; max-height:1.8rem; overflow-y:auto; white-space:normal;}
.about_us03 .content .con::-webkit-scrollbar {width:2px; height:4px;}
.about_us03 .content .con::-webkit-scrollbar-thumb {border-radius:5px; background:#2c69c1; }
.about_us03 .content .con::-webkit-scrollbar-track {border-radius:0; background:#fff;}
.about_us03 .content .owl-nav{ font-size:0; }
.about_us03 .content .owl-nav&gt;div{position:absolute; top:50%; width:0.6rem; height:0.6rem; left:-0.2rem; transform:translateX(-100%); margin-top:-0.3rem; background:url(../img/about_us04_jt01.png) no-repeat center/cover; outline:none;}
.about_us03 .content .owl-nav .owl-next{right:-0.2rem; left:auto; transform:rotate(180deg) translateX(-100%);}
.about_us03 .content .owl-nav&gt;div:hover{background:url(../img/about_us04_jt02.png) no-repeat center/cover; transform:rotate(180deg) translateX(100%);}
.about_us03 .content .owl-nav .owl-next:hover{transform:rotate(0) translateX(100%);}
.m_ab03{display:none;}

.ipart{overflow:hidden;}

/* fullpage 侧导航按钮 */
#fp-nav1.fp-nav-right{ width:30px; height:100%; left:1%; top:0; box-sizing:border-box; padding:0.9rem 0 0; margin-top:0; position:fixed; z-index:101;}
#fp-nav1.fp-nav-right .fp-menu-wr {display:block;position:relative;width:100%;height:100%;transition:all .3s ease}
#fp-nav1.fp-nav-right ul {display:block;position:absolute;width:50px;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}
#fp-nav1.fp-nav-right ul li{display:block; height:auto; width:auto; overflow:hidden; }
#fp-nav1.fp-nav-right ul li a{display:block; position:relative; font-size:0; margin:9px 0; transition:all .3s ease;}
#fp-nav1.fp-nav-right ul li span{display:none;position:relative;color:#222;font-size:16px; letter-spacing:2px; font-weight:500; white-space:nowrap;transform:rotate(90deg);transition:all .3s ease}
#fp-nav1.fp-nav-right ul li.active a {padding-bottom:0.9rem;}
#fp-nav1 ul li .fp-tooltip{display:none;}
#fp-nav1.fp-nav-right ul li.active a, 
.fp-slidesNav ul li.active a{border-color:#222}
#fp-nav1.fp-nav-right ul li a .shape {display:block;width:10px;height:10px;box-sizing:border-box;border:2px solid #222;border-radius:50%;margin:0 auto;transition:all .3s ease}
#fp-nav1.fp-nav-right ul li.active a .shape {width:14px;height:4px;background:#222;border-radius:0;transform:rotate(-45deg)}
#fp-nav1.fp-nav-right ul li.active a span{display:block;padding:0px 0 0 30px; transform: rotate(0); writing-mode: tb; padding: 15px 0 0 10px;}
#fp-nav1.fp-nav-right ul li.active a:after {content:"";display:block;position:absolute;width:2px;height:40px;background:rgba(0, 0, 0, .3);left:24px;bottom:0;transition:all .3s ease}
#fp-nav1.black ul li a span{color:#999999;}
#fp-nav1.black ul li a .shape {border:2px solid #808080;}
#fp-nav1.black ul li.active a:after {background:rgba(0,0,0,0.5);}
#fp-nav1.black .fp-menu-wr{border-right:1px solid rgba(194,194,194,0.4);}
#fp-nav1 ul li:last-child{display:none;}
.fp-viewing-5 #fp-nav1.fp-nav-right .fp-menu-wr {border-right:none;}

#fp-nav1.fp-nav-right.white ul li span {color:#fff;}
#fp-nav1.fp-nav-right.white ul li:nth-child(1).active a .shape{border-color:#fff; background:#fff;}
#fp-nav1.fp-nav-right.white ul li a .shape{border-color:#fff;}
#fp-nav1.fp-nav-right.white ul li.active a:after{background:rgba(255, 255, 255, .3);}


.cp_oil02 .infor{font-size:0;}
.cp_oil02 .infor&gt;div{display:inline-block; vertical-align:middle;}
.cp_oil02 .infor .con{width:calc(100% - 1.3rem);}
.cp_oil02 .infor .con_l{margin-left:10%;}

.header .h_tools .h_lan{display:none;}

/* 国际贸易 */
.xc_banner.cy{z-index:21;}
.maoyi1{padding:1.2rem 0; position:relative;}
.maoyi1 .wrap{position:relative; z-index:21;}
.maoyi1::after{position:absolute; right:0; top:30%; transform:translateY(-56%); background:url(../img/maoyi2.png) no-repeat center; background-size:100% 100%; width:55%; height:100%; content:''; pointer-events:none; z-index:20;}
.maoyi1 .content .left{width:50%; float:left; margin-top:.4rem;}
.maoyi1 .content .left .tit{font-size:.26rem; line-height:1; color:#000000; font-weight:bold; margin-bottom:.4rem;}
.maoyi1 .content .left .con{font-size:.18rem; line-height:.3rem; color:#000000;}
.maoyi1 .content .right{width:45.6%; float:right; position:relative; z-index:2;}
.maoyi1 .content .right .rect-646{padding-bottom:64.6%;}
.maoyi2{padding:1.8rem 0; position:relative; background:url(../img/maoyi4.jpg) no-repeat center; background-size:cover;}
.maoyi2 .content .left{width:45.6%; float:right; margin-top:1rem;}
.maoyi2 .content .left .tit{font-size:.26rem; line-height:1; color:#000000; font-weight:bold; margin-bottom:.4rem;}
.maoyi2 .content .left .con{font-size:.18rem; line-height:.3rem; color:#000000;}
.maoyi2 .content .right{width:43.1%; float:left; position:relative; z-index:2; position:relative;}
.maoyi2 .content .right::after{position:absolute; left:50%; top:50%; transform:translate(-40%,-50%); background:url(../img/maoyi3.png) no-repeat center; background-size:100% 100%; width:120%; height:140%; content:''; z-index:-1;}
.maoyi2 .content .right .rect-646{padding-bottom:64.6%;}
.maoyi3{padding:.8rem 0;}
.maoyi3 .content .infor .tit{font-size:.26rem; line-height:1; color:#000; text-align:center; margin-bottom:.2rem; font-weight:bold;}
.maoyi3 .content .infor .con{font-size:.18rem; line-height:1.3; color:#000; text-align:center;}
.maoyi3 .content .map{margin-top:1rem; position:relative;}
.maoyi3 .content .map .rect-423{padding-bottom:42.3%;}
.maoyi3 .content .map .dots {position:absolute; left:0; top:0; overflow:hidden; width:100%; height:100%;}
.maoyi3 .content .map .dots a{position:absolute; display:flex;}
.maoyi3 .content .map .dots a img{margin-right:.07rem; width:.3rem; object-fit:cover; margin-top:.15rem;}
.maoyi3 .content .map .dots span{font-size:0.18rem; color:#7d8db1; display:block; margin-top:.15rem;}
.maoyi3 .content .map .dots i{width:10px; height:10px; border-radius:100%; position:absolute;background:#8aa8e6; left:50%; top:-20px; margin-left:-5px;}
.maoyi3 .content .map .dots i::before,
.maoyi3 .content .map .dots i::after {content:''; border-radius:100%; position:absolute; left:50%; top:50%;background:#8aa8e6;}
.maoyi3 .content .map .dots i::before {width:30px; height:30px; margin:-15px 0 0 -15px; opacity:.2;}
.maoyi3 .content .map .dots i::after {width:55px; height:55px; margin:-27.5px 0 0 -27.5px; opacity:.2;}
.maoyi3 .content .map .dots i::before  {transform:scale(0.1);animation:fangda1 2000ms infinite ease;}
.maoyi3 .content .map .dots i::after  {transform:scale(0.1);animation:fangda1 1500ms infinite ease;}
@keyframes fangda1{0%{transform:scale(0.1);opacity:1;}100%{transform:scale(1.0);opacity:0;}}
.maoyi3 .content .map .dots a.cur span,
.maoyi3 .content .map .dots a:hover span {color: #2c69c1;}
.maoyi3 .content .map .dots a.cur i, 
.maoyi3 .content .map .dots a.cur i::before, 
.maoyi3 .content .map .dots a.cur i::after{background: #2c69c1;}
/* .maoyi4{padding-top:.8rem; box-sizing:border-box; position:relative; background:#f8f9fb; overflow:hidden;} */
.maoyi4{padding-top:0; box-sizing:border-box; position:relative; background:#f8f9fb; overflow:hidden;}
.maoyi4 .content .tit{font-size:.26rem; line-height:1; color:#000; text-align:center; margin-bottom:.3rem; font-weight:bold; display:none;}
.maoyi4 .content .item_list{position:relative; margin-top:.9rem;}
.maoyi4 .content .item_list .img_ img{width:100%; object-fit:cover;}
.maoyi4 .content .item{position:absolute; left:50%; top:50%;}
.maoyi4 .content .item img{width:auto; object-fit:cover; display:block; max-width:2rem; transition:all .4s ease;}
.maoyi4 .content .item_list .item_box{position:absolute; left:0; top:0; width:100%; height:100%;}
.maoyi5{padding:.8rem 0; display:none;}
.maoyi5 .content .infor .tit{font-size:.26rem; line-height:1; color:#000; text-align:center; margin-bottom:.2rem; font-weight:bold;}
.maoyi5 .content .infor .con{font-size:.18rem; line-height:1.3; color:#000; text-align:center;}
.maoyi5 .content .img_{margin-top:.6rem;}
.maoyi4 .content .item_list{margin-top:0;}
.maoyi4 .content .item:hover img{transform:scale(1.1);}
.cooperation01 .content .partner .item img{transition:all .4s ease;}
.cooperation01 .content .partner .item:hover img{transform:scale(1.1);}


.contact_us01 .bott{position:relative; z-index:2;}
.ipart01 .item{width:10.5%;}
.ipart01 .item.on{width:43.85%;}
.ipart01 .item.on .txt_full{bottom:20%;}
.ipart01 .item .txt_full .con{width:75%;}

/* 新-贸易 */
.new_maoyi02{position:relative; margin-top:0.5rem;}
.new_maoyi02::after{content:''; position:absolute; right:0; bottom:0; width:66.7%; height:100%; background:#f5f5f5; z-index:-1;}
.new_maoyi02 .left{width:45.5%; float:left; position:relative; transform:translateY(-0.5rem);}
.new_maoyi02 .left .rect-6456{padding-bottom:64.65%;}
.new_maoyi02 .left .img img{display:block; width:100%;}

.new_maoyi02 .right{width:45.5%; float:right; margin-top:0.6rem; padding-bottom:0.25rem; position:relative;}
.new_maoyi02 .right .tit_{font-size:0.26rem; line-height:0.3rem; font-weight:bold; position:absolute; left:0; top:0;}
.new_maoyi02 .right .swiper-slide .top{text-align:right; font-size:0.18rem; line-height:0.3rem; color:#666666;}
.new_maoyi02 .right .swiper-slide .bott{margin-top:0.35rem; font-size:0.18rem; line-height:0.3rem; height:1.8rem; overflow-y:auto;}
.new_maoyi02 .right .swiper-slide .bott::-webkit-scrollbar{display:none;}

.new_maoyi02 .btn_box{margin-top:0.1rem;}
.new_maoyi02 .swiper-pagination-fraction{position:static; display:inline-block; text-align:left; width:auto; vertical-align:middle; color:#2c69c1; font-size:0.18rem; line-height:0.3rem;}
.new_maoyi02 .swiper-pagination-fraction .swiper-pagination-current{font-size:0.24rem; line-height:0.3rem;}
.new_maoyi02 .swiper-scrollbar{display:inline-block; width:3rem; height:2px; margin-left:0.25rem; vertical-align:middle; background:#b8cbe5;}
.new_maoyi02 .swiper-scrollbar .swiper-scrollbar-drag{background:#2c69c1;}

/* 语言版本 */
.header .h_tools .h_lan1{padding:0.08rem 0.2rem 0; padding-left:0; position:relative; font-size:0.18rem; color:#fff;}
.header.fixed .h_tools .h_lan1{color:#2c69c1;}
.header.cur .h_tools .h_lan1{color:#2c69c1;}
.header:hover .h_tools .h_lan1{color:#2c69c1;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ibanner .swiper-slide.video_slide .img_box {background-color: #ffffff;}
    .ibanner .swiper-slide.video_slide .img_box video{width:auto; min-width:100%; min-height:100%; height:auto;}
    .fp-nav-right#fp-nav1 ul li.active a span{-ms-writing-mode:tb-lr; display:inline-block;}
}

.gas03{z-index:22;}

.ipart04 .content .swiper-slide.swiper-slide-active li a{color:#fff;}
.channel-content.cp_oil{position:relative;}
.footer .f_top .t_right dl dd{white-space:nowrap;}
.cp_oil .gas03 .common_btns::before{background:#2c69c1;}
.sale01.cp_sale .content .map{width:58%;}
.sale01.cp_sale .intro_box{bottom:1rem;}
.sale01.cp_sale{padding-bottom:.2rem;}


.xwfbt{font-size: 0.22rem;line-height: 3;}
</pre></body></html>